From d5a0b1ea95e94580eb5e07b7959fd78ec787ab0b Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Tue, 14 Jul 2026 00:30:56 +1000
Subject: [PATCH] updated tailwindcss classes

---
 src/components/ui/tabs.tsx | 2 +-
 src/pages/index.astro      | 6 +++---
 tsconfig.json              | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
index 27aa6ba..7993164 100644
--- a/src/components/ui/tabs.tsx
+++ b/src/components/ui/tabs.tsx
@@ -26,7 +26,7 @@ function TabsList({
 		<TabsPrimitive.List
 			data-slot="tabs-list"
 			className={cn(
-				"text-primary inline-flex h-9 w-fit items-center justify-center rounded-lg bg-[#101010] p-[3px]",
+				"text-primary inline-flex h-9 w-fit items-center justify-center rounded-lg bg-[#101010] p-0.75",
 				className,
 			)}
 			{...props}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index cafd88c..f53b24f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -22,14 +22,14 @@ import DiscordIcon from "./_images/discord.svg";
 	thumbnail="/images/socials.webp"
 >
 	<div class="flex flex-col items-center justify-center px-0 py-10">
-		<div class="w-[calc(100%-20px)] max-w-[1024px]">
+		<div class="w-[calc(100%-20px)] max-w-5xl">
 			<div
 				id="cards"
 				class="grid grid-cols-2 gap-2 md:grid-cols-3 lg:grid-cols-4"
 			>
 				<div
 					id="intro"
-					class="social-card col-span-2 h-[450px] md:col-span-3 md:h-[400px] lg:col-span-4"
+					class="social-card col-span-2 h-5xl md:col-span-3 md:h-100 lg:col-span-4"
 				>
 					<div
 						class="social-card-content flex flex-col bg-cover bg-top md:flex-row md:justify-between md:gap-3"
@@ -337,7 +337,7 @@ import DiscordIcon from "./_images/discord.svg";
 							</div>
 							<div
 								id="bluesky-icon"
-								class="icon-box flex aspect-square h-12 w-12 items-center justify-center rounded-full bg-[linear-gradient(0deg,_rgba(86,183,254,1)_0%,_rgba(13,125,253,1)_100%)]"
+								class="icon-box flex aspect-square h-12 w-12 items-center justify-center rounded-full bg-[linear-gradient(0deg,rgba(86,183,254,1)_0%,rgba(13,125,253,1)_100%)]"
 							>
 								<img
 									src="/images/socials/bluesky.webp"
diff --git a/tsconfig.json b/tsconfig.json
index f67b95d..01cd21c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,9 +3,9 @@
 	"compilerOptions": {
 		"jsx": "react-jsx",
 		"jsxImportSource": "react",
-		"baseUrl": "./",
 		"paths": {
-			"@/*": ["./src/*"]
+			"@/*": ["./src/*"],
+			"*": ["./"]
 		}
 	}
 }