liftoff

sanity-io · Dec 12, 2024 · 5c0b217 · 5c0b217
1 parent eb24b75
commit 5c0b217
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 8 deletions.
diff --git a/astro/astro.config.mjs b/astro/astro.config.mjs
@@ -2,7 +2,10 @@
 import vercel from '@astrojs/vercel'
 import {defineConfig} from 'astro/config'
 
+import tailwind from '@astrojs/tailwind';
+
 // https://astro.build/config
 export default defineConfig({
   adapter: vercel(),
-})
+  integrations: [tailwind()],
+})
diff --git a/astro/package.json b/astro/package.json
@@ -9,9 +9,11 @@
     "preview": "astro preview"
   },
   "dependencies": {
+    "@astrojs/tailwind": "^5.1.3",
     "@astrojs/vercel": "^8.0.0",
     "@sanity/client": "^6.23.0",
     "astro": "^5.0.2",
-    "groq": "^3.64.2"
+    "groq": "^3.64.2",
+    "tailwindcss": "^3.4.16"
   }
 }
diff --git a/astro/src/layouts/Layout.astro b/astro/src/layouts/Layout.astro
@@ -4,7 +4,7 @@ import SanityLive from '../components/SanityLive.astro'
 ---
 
 <!doctype html>
-<html lang="en">
+<html lang="en" class="bg-theme text-theme transition-colors duration-1000 ease-in-out">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
@@ -14,7 +14,9 @@ import SanityLive from '../components/SanityLive.astro'
     <ClientRouter />
   </head>
   <body>
-    <slot />
+    <div class="flex min-h-dvh flex-col items-center justify-evenly overflow-auto">
+      <slot />
+    </div>
     <SanityLive server:defer />
   </body>
 </html>

diff --git a/astro/src/pages/index.astro b/astro/src/pages/index.astro
@@ -15,6 +15,5 @@ const {data} = await sanityFetch({query: DEMO_QUERY, params: {slug}, lastLiveEve
 ---
 
 <Layout>
-  <h1>{data || 'Astro'}</h1>
-  <Welcome />
+  <h1 class="text-balance text-4xl font-bold leading-tight tracking-tighter [view-transition-name:title] md:text-6xl lg:pr-8 lg:text-8xl">{data || 'Astro'}</h1>
 </Layout>
diff --git a/astro/tailwind.config.mjs b/astro/tailwind.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml