fix: minor styling issues

ttttonyhe · Oct 7, 2024 · eee5ed3 · eee5ed3
1 parent 31a7c40
commit eee5ed3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/apps/main/src/components/Banners/YearOfReformation/index.tsx b/apps/main/src/components/Banners/YearOfReformation/index.tsx
@@ -21,23 +21,23 @@ const YearOfReformation = () => {
 				<div className="flex items-center gap-x-2.5">
 					<Link
 						href="/reading-list"
-						className="effect-pressing flex items-center gap-x-[4px] rounded-md border px-3 py-1 font-serif shadow-sm hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600">
+						className="effect-pressing flex items-center gap-x-[4px] rounded-md border px-3 py-1 shadow-sm hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600">
 						<span className="h-4.5 w-4.5 lg:h-[16px] lg:w-[16px]">
 							<Icon name="bookOpen" />
 						</span>
 						<span>Reading List</span>
 					</Link>
 					<Link
 						href="/podcasts"
-						className="effect-pressing flex items-center gap-x-[4px] rounded-md border px-3 py-1 font-serif shadow-sm hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600">
+						className="effect-pressing flex items-center gap-x-[4px] rounded-md border px-3 py-1 shadow-sm hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600">
 						<span className="h-4.5 w-4.5 lg:h-[16px] lg:w-[16px]">
 							<Icon name="microphone" />
 						</span>
 						<span>Podcasts</span>
 					</Link>
 					<Link
 						href="/web3"
-						className="effect-pressing flex items-center gap-x-[4px] rounded-md border px-3 py-1 font-serif shadow-sm hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600">
+						className="effect-pressing flex items-center gap-x-[4px] rounded-md border px-3 py-1 shadow-sm hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-700 dark:hover:border-gray-600 dark:hover:bg-gray-600">
 						<span className="h-4.5 w-4.5 lg:h-[16px] lg:w-[16px]">
 							<Icon name="rainbow" />
 						</span>

diff --git a/apps/main/src/components/Card/Paper/index.tsx b/apps/main/src/components/Card/Paper/index.tsx
@@ -53,7 +53,7 @@ const PaperCard = (props: PaperCardProps) => {
 								key={link.href}
 								href={link.href}
 								onClick={(e) => e.stopPropagation()}
-								className="underline underline-offset-4 transition-colors hover:text-green-600">
+								className="underline underline-offset-4 transition-colors hover:text-blue-500">
 								<span>{link.label} →</span>
 							</Link>
 						))}

diff --git a/apps/main/src/pages/index.tsx b/apps/main/src/pages/index.tsx
@@ -183,15 +183,15 @@ const Home: NextPageWithLayout = () =>
 				<section className="mt-14">
 					<div className="flex items-center justify-between">
 						<label className="inline-flex items-center rounded-full border border-gray-300 bg-white px-4 py-[4px] font-medium tracking-wider shadow-sm dark:border-gray-600 dark:bg-gray-700">
-							<span className="mr-1.5 flex h-5 w-5 text-green-500">
+							<span className="mr-1.5 flex h-5 w-5 text-blue-500">
 								<Icon name="article" />
 							</span>
 							<span className="uppercase">Publications</span>
 						</label>
 						<Link
 							href="https://scholar.google.com/citations?user=6yFlE_sAAAAJ"
 							target="_blank"
-							className="mt-0.5 flex items-center gap-x-1 text-gray-500 underline-offset-4 transition-colors hover:text-green-600 dark:text-gray-400 dark:hover:text-blue-500">
+							className="mt-0.5 flex items-center gap-x-1 text-gray-500 underline-offset-4 transition-colors hover:text-blue-500 dark:text-gray-400 dark:hover:text-blue-500">
 							Google Scholar
 							<span className="h-5 w-5 underline">
 								<Icon name="externalLink" />
@@ -278,7 +278,7 @@ const Home: NextPageWithLayout = () =>
 				</section>
 				<section className="mt-14">
 					<label className="inline-flex items-center rounded-full border border-gray-300 bg-white px-4 py-[4px] font-medium tracking-wider shadow-sm dark:border-gray-600 dark:bg-gray-700">
-						<span className="mr-1.5 flex h-5 w-5 text-blue-500">
+						<span className="mr-1.5 flex h-5 w-5 text-green-500">
 							<Icon name="plane" />
 						</span>
 						<span className="uppercase">How to Reach Me</span>