fix: mobile colors

yearn · Nov 19, 2024 · 9ec394e · 9ec394e
1 parent 19c014c
commit 9ec394e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/apps/landing/components/common/EarnCard.tsx b/apps/landing/components/common/EarnCard.tsx
@@ -17,7 +17,9 @@ export function EarnCard(props: {title: string; info: string; logoSrc: string; h
 			className={'group relative z-30 flex h-full overflow-hidden rounded-lg border border-[#292929] p-6'}>
 			<div className={'flex md:mt-auto md:items-end'}>
 				<div>
-					<p className={'text-[24px] text-white group-hover:text-grey-900'}>{props.title}</p>
+					<p className={'text-[24px] text-white group-hover:text-white md:group-hover:text-grey-900'}>
+						{props.title}
+					</p>
 					<p className={'text-grey-400 group-hover:text-grey-900'}>{props.info}</p>
 				</div>
 				<div>

diff --git a/apps/landing/components/sections/Contribute.tsx b/apps/landing/components/sections/Contribute.tsx
@@ -21,7 +21,7 @@ function ContributeCard(props: {title: string; description: string}): ReactEleme
 					: 'linear-gradient(180deg, rgba(12, 12, 12, 0.8) 0%, rgba(26, 26, 26, 0.8) 100%)'
 			}}
 			className={
-				'flex h-[240px] flex-col justify-between rounded-lg border border-[#292929] px-8 pb-8 pt-10 text-white transition-all hover:text-black md:h-[360px]'
+				'flex h-[240px] flex-col justify-between rounded-lg border border-[#292929] px-8 pb-8 pt-10 text-white transition-all hover:text-white md:h-[360px] md:hover:text-black'
 			}>
 			<div>
 				<div className={'mb-2 text-xl'}>{props.title}</div>

diff --git a/apps/landing/components/sections/WaysToEarn.tsx b/apps/landing/components/sections/WaysToEarn.tsx
@@ -27,7 +27,10 @@ export function WaysToEarn(): ReactElement {
 					}>
 					<div className={'flex h-full flex-col justify-between'}>
 						<div>
-							<p className={'text-md mb-4 text-white group-hover:text-grey-900 md:text-[32px]'}>
+							<p
+								className={
+									'text-md mb-4 text-white  group-hover:text-white md:text-[32px] md:group-hover:text-grey-900'
+								}>
 								{'VAULTS PUT YOUR CRYPTO TO WORK, SO YOU DONT HAVE TO.'}
 							</p>
 							<p className={'z-20 text-grey-400 group-hover:text-grey-900'}>