Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Adding cursor-pointer to buttons #256

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
+2,722 −27
Open

Adding cursor-pointer to buttons #256

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion server/package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 2 additions & 1 deletion server/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,8 @@
"express": "^4.19.2",
"jsonwebtoken": "^9.0.2",
"jwt-decode": "^4.0.0",
"mongoose": "^8.6.1"
"mongoose": "^8.6.1",
"server": "file:"
},
"devDependencies": {
"nodemon": "^3.1.4"
Expand Down
6 changes: 3 additions & 3 deletions site/components/Navbar.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,18 +40,18 @@ const NavBar = () => {
<Link href="/" className={`w-[70px] justify-center text-center rounded-full hover:text-pink-400 hover:bg-green-400 block py-2 pl-3 pr-4 ${currentRoute === '/' ? 'text-red-500' : 'text-green-500 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700 transition-all transform hover:scale-105 hover:shadow-2xl duration-300 ease-in-out cursor-default'}`}>Home</Link>
</li>
<li>
<Link href="/apply" className={`block py-2 w-[70px] justify-center text-center rounded-full hover:text-pink-400 hover:bg-green-400 pl-3 pr-4 ${currentRoute === '/apply' ? 'text-red-500 bg-blue-700 md:bg-transparent dark:text-blue-500' : 'text-gray-900 transition-all transform hover:scale-105 hover:shadow-2xl duration-300 ease-in-out text-green-500 cursor-default dark:text-white'}`}>Apply</Link>
<Link href="/apply" className={`block cursor-pointer py-2 w-[70px] justify-center text-center rounded-full hover:text-pink-400 hover:bg-green-400 pl-3 pr-4 ${currentRoute === '/apply' ? 'text-red-500 bg-blue-700 md:bg-transparent dark:text-blue-500' : 'text-gray-900 transition-all transform hover:scale-105 hover:shadow-2xl duration-300 ease-in-out text-green-500 cursor-default dark:text-white'}`}>Apply</Link>
</li>
<li>
<Link href="/login" className={`block py-2 pl-3 pr-4 w-[70px] justify-center text-center rounded-full hover:text-pink-400 hover:bg-green-400 ${currentRoute === '/login' ? 'text-red-500 bg-blue-700 md:bg-transparent dark:text-blue-500' : 'text-gray-900 transition-all transform hover:scale-105 hover:shadow-2xl duration-300 ease-in-out cursor-default text-green-500'}`}>Login</Link>
<Link href="/login" className={`block cursor-pointer py-2 pl-3 pr-4 w-[70px] justify-center text-center rounded-full hover:text-pink-400 hover:bg-green-400 ${currentRoute === '/login' ? 'text-red-500 bg-blue-700 md:bg-transparent dark:text-blue-500' : 'text-gray-900 transition-all transform hover:scale-105 hover:shadow-2xl duration-300 ease-in-out cursor-default text-green-500'}`}>Login</Link>
</li>
{isLoggedIn && (
<li>
<Link href="/dashboard" className={`block py-2 pl-3 pr-4 rounded md:p-0 ${currentRoute === '/dashboard' ? 'text-blue-700 bg-blue-700 md:bg-transparent dark:text-blue-500' : 'text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700'}`}>Dashboard</Link>
</li>
)}
<li>
<Link href="/contact" className={`block py-2 pl-3 pr-4 ${currentRoute === '/contact' ? 'text-red-500 md:bg-transparent dark:text-blue-500' : 'w-full transition-all transform hover:scale-105 hover:shadow-2xl duration-300 ease-in-out cursor-default justify-center text-center rounded-full hover:text-pink-400 hover:bg-green-400 text-green-500'}`}>Contact Us</Link>
<Link href="/contact" className={`block cursor-pointer py-2 pl-3 pr-4 ${currentRoute === '/contact' ? 'text-red-500 md:bg-transparent dark:text-blue-500' : 'w-full transition-all transform hover:scale-105 hover:shadow-2xl duration-300 ease-in-out cursor-default justify-center text-center rounded-full hover:text-pink-400 hover:bg-green-400 text-green-500'}`}>Contact Us</Link>
</li>
</ul>
</div>
Expand Down
2,691 changes: 2,690 additions & 1 deletion site/package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion site/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,8 @@
"nprogress": "^0.2.0",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-toastify": "^9.1.2"
"react-toastify": "^9.1.2",
"site": "file:"
},
"devDependencies": {
"autoprefixer": "^10.4.14",
Expand Down
4 changes: 2 additions & 2 deletions site/pages/apply.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -107,10 +107,10 @@ const Apply = () => {
</label>
</span>

<input type='submit' value='Apply' className='bg-blue-500 text-white px-3 py-2 rounded-md' />
<input type='submit' value='Apply' className='cursor-pointer bg-blue-500 hover:bg-blue-700 transition-all text-white px-3 py-2 rounded-md' />
</form>

<h4 className='text-center pt-3'>Already Have Account? <span className='text-indigo-600'><Link href="/login">Login</Link></span></h4>
<h4 className='text-center pt-3'>Already Have Account? <span className='text-indigo-600 hover:text-indigo-800 transition-all'><Link href="/login">Login</Link></span></h4>
</div>
</div>
</section>
Expand Down
4 changes: 2 additions & 2 deletions site/pages/contact.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ const Contact = () => {
className="border rounded p-2"
required
/>
<button type="submit" className="bg-blue-500 text-white p-2 rounded">
<button type="submit" className="bg-blue-500 hover:bg-blue-700 transition-all text-white p-2 rounded">
Submit
</button>
</form>
Expand All @@ -111,7 +111,7 @@ const Contact = () => {
className="border rounded p-2 w-full"
required
/>
<button type="submit" className="bg-blue-500 text-white p-2 rounded mt-2">
<button type="submit" className="bg-blue-500 hover:bg-blue-700 transition-all text-white p-2 rounded mt-2">
Submit Feedback
</button>
</form>
Expand Down
6 changes: 3 additions & 3 deletions site/pages/login.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,16 +58,16 @@ const Login = () => {
<input className='px-3 rounded-md focus:outline-none' placeholder='Add Password' type="password" value={password} onChange={(e) => setPassword(e.target.value)} required/>
</span>

<input type='submit' value='Login' className='bg-blue-500 text-white px-3 py-2 rounded-md' />
<input type='submit' value='Login' className='bg-blue-500 hover:bg-blue-700 transition-all cursor-pointer text-white px-3 py-2 rounded-md' />
</form>

<div className='flex justify-center mt-3'>
<button onClick={googleLogin} className='bg-red-500 text-white px-3 py-2 rounded-md'>
<button onClick={googleLogin} className='bg-red-500 hover:bg-red-700 transition-all text-white px-3 py-2 rounded-md'>
Sign in with Google
</button>
</div>

<h4 className='text-center pt-3'>New here? <span className='text-indigo-600'><Link href="/apply">Register</Link></span></h4>
<h4 className='text-center pt-3'>New here? <span className='text-indigo-600 hover:text-indigo-800 transition-all'><Link href="/apply">Register</Link></span></h4>
</div>
</div>
</section>
Expand Down
25 changes: 12 additions & 13 deletions site/styles/apply.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
.background {
position: relative;
background-image: url('/images/earth.jpg');
position: relative;
background-image: url("/images/earth.jpg");
}

.borderr:focus {
Expand All @@ -9,18 +9,17 @@
}

.background::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
}


@media screen and (max-width: 768px) {
.background {
background-image: url('/images/earth.jpg');
}
.background {
background-image: url("/images/earth.jpg");
}
}