diff options
| author | Yuval Adam <_@yuv.al> | 2025-05-23 14:58:59 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-05-23 14:58:59 +0200 |
| commit | 85bde2d3d69a9f976d3e8ecc9343d1b52a0ec29f (patch) | |
| tree | c44620501c92c007fb41a52dd72738d89d719c58 /src/layouts | |
| parent | c94a56e59aa5843af93bece5f9f73c6cd07a936c (diff) | |
Add CenteredLayout with basic tailwind styles
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/CenteredLayout.astro | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/layouts/CenteredLayout.astro b/src/layouts/CenteredLayout.astro new file mode 100644 index 0000000..5505b65 --- /dev/null +++ b/src/layouts/CenteredLayout.astro @@ -0,0 +1,26 @@ +--- +import '../styles/global.css'; + +interface Props { + title?: string; +} + +const { title = "Astro Site" } = Astro.props; +--- + +<html lang="en"> + <head> + <meta charset="utf-8" /> + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> + <meta name="viewport" content="width=device-width" /> + <meta name="generator" content={Astro.generator} /> + <title>{title}</title> + </head> + <body class="min-h-screen bg-white"> + <main class="flex min-h-screen flex-col items-center justify-center p-4"> + <div class="w-full max-w-4xl"> + <slot /> + </div> + </main> + </body> +</html> |