Skip to content

Fixed Buttons have very abrupt hover effect while some don't have any Hover effect #39

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

Open
MohitNamdev22 wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Fixed Buttons have very abrupt hover effect while some don't have any Hover effect #39

Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
068644d
fix text color of homepage button
MohitNamdev22 Jun 9, 2023
396dd39
fixed homepage button animation
MohitNamdev22 Jun 9, 2023
1bd616d
added animation and hover to all
MohitNamdev22 Jun 9, 2023
c8fca8b
Merge branch 'main' of https://github.com/MohitNamdev22/Edunity
MohitNamdev22 Jun 9, 2023
cf0ea53
fixed the hover color of find mentor btn
MohitNamdev22 Jun 9, 2023
e78610d
added hover animation to find mentor
MohitNamdev22 Jun 9, 2023
996622e
fixed button color of learn more
MohitNamdev22 Jun 9, 2023
7d98768
added hover animation
MohitNamdev22 Jun 9, 2023
33a2a08
added hover to get started and learn more too
MohitNamdev22 Jun 9, 2023
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
8 changes: 4 additions & 4 deletions src/pages/Home.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ function Home() {
{/* Decorative image grid */}
<a
href="/mentors"
className="text-black inline-block rounded-md border border-transparent bg-yellow py-3 px-8 text-center font-medium text-white hover:bg-green hover:text-yellow"
className="text-black inline-block rounded-md border border-transparent bg-yellow py-3 px-8 text-center font-medium hover:bg-green hover:text-yellow transition duration-300"
>
Find Mentor
</a>
Expand Down Expand Up @@ -72,7 +72,7 @@ function Home() {
{/* Decorative image grid */}
<a
href="/mentors"
className=" text-black inline-block rounded-md border border-transparent bg-yellow py-3 px-8 text-center font-medium text-white hover:bg-green hover:text-yellow"
className=" text-black inline-block rounded-md border border-transparent bg-yellow py-3 px-8 text-center font-medium hover:bg-green hover:text-yellow transition duration-300"
>
Learn More
</a>
Expand Down Expand Up @@ -100,15 +100,15 @@ function Home() {
<div className="inline-flex rounded-md shadow">
<a
href="/students"
className="inline-flex items-center justify-center rounded-md border border-transparent bg-black px-5 py-3 text-base font-medium text-yellow hover:bg-indigo-700"
className="inline-flex items-center justify-center rounded-md border border-transparent bg-black px-5 py-3 text-base font-medium text-yellow hover:bg-green transition duration-300"
>
Get started
</a>
</div>
<div className="ml-3 inline-flex rounded-md shadow">
<a
href="#"
className="inline-flex items-center justify-center rounded-md border border-transparent bg-black px-5 py-3 text-base font-medium text-yellow hover:bg-indigo-50"
className="inline-flex items-center justify-center rounded-md border border-transparent bg-black px-5 py-3 text-base font-medium text-yellow hover:bg-green transition duration-300"
>
Learn more
</a>
Expand Down