chore: update dependencies, enhance theme configuration, and improve layout structure

- Bump versions of several dependencies including @astrojs/mdx, astro, and vite.
- Refactor theme configuration to include code themes for light and dark modes.
- Update layout structure for better responsiveness and clarity.
- Enable JavaScript in TypeScript configuration for broader compatibility.
- Add new font styles and improve font-face definitions.
- Clean up unused imports and commented-out code in index.astro.
- Introduce global type definitions for Attributify attributes in JSX.
This commit is contained in:
radishzzz 2025-01-21 21:21:24 +00:00
parent 6ea0644928
commit 804cf72052
12 changed files with 375 additions and 257 deletions

View file

@ -22,7 +22,10 @@ const colorMode = themeConfig.color.mode
</head>
<body>
<ThemeToggle />
<main class="lg:p-9rem_8rem mx-a max-w-123rem min-w-32rem gap-x-[clamp(11rem,8.05%+8.102rem,18rem)] px-[clamp(2.4rem,9.94%-1.1784rem,9rem)] py-[clamp(4.4rem,5.42%+2.4488rem,8rem)] h-dvh grid-[15rem_1.5rem_5.4rem_1fr_4.8rem_5.25rem]-[1fr_min(22rem,27%)]">
<main
class="mx-a max-w-123rem h-dvh"
lg="grid gap-x-6 cols-[3fr_1fr] rows-[1fr_9rem]"
>
<slot />
</main>
</body>