updated tailwindcss classes

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}

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"

tsconfig.json

@@ -3,9 +3,9 @@
 	"compilerOptions": {
 		"jsx": "react-jsx",
 		"jsxImportSource": "react",
-		"baseUrl": "./",
 		"paths": {
-			"@/*": ["./src/*"]
+			"@/*": ["./src/*"],
+			"*": ["./"]
 		}
 	}
 }