fix: adjust layout spacing and update global styles with motion plugin

paripsky · paripsky · commit 1578fbb7219c · 2025-05-31T16:10:47.000+03:00
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -51,7 +51,7 @@ const posts = Object.values(postsGlob).map(
     class="w-full max-w-[1200px] px-12 tracking-wide transition-all max-sm:px-4"
   >
     <section
-      class="flex min-h-screen flex-col gap-8 pb-32 pt-64 sm:justify-center"
+      class="flex min-h-screen flex-col gap-4 pb-32 pt-64 sm:justify-center"
     >
       <h1
         class="text-[clamp(2rem,7vw,3rem)] leading-tight font-medium tracking-tight motion-preset-slide-up motion-preset-fade-lg"
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -1,2 +1,3 @@
 @import "tailwindcss";
 @plugin "@tailwindcss/typography";
+@plugin "tailwindcss-motion";
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -4,5 +4,4 @@ module.exports = {
 	theme: {
 		extend: {},
 	},
-	plugins: [require('tailwindcss-motion')],
 }

Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ const posts = Object.values(postsGlob).map(`
`51`	`51`	`class="w-full max-w-[1200px] px-12 tracking-wide transition-all max-sm:px-4"`
`52`	`52`	`>`
`53`	`53`	`<section`
`54`		`- class="flex min-h-screen flex-col gap-8 pb-32 pt-64 sm:justify-center"`
	`54`	`+ class="flex min-h-screen flex-col gap-4 pb-32 pt-64 sm:justify-center"`
`55`	`55`	`>`
`56`	`56`	`<h1`
`57`	`57`	`class="text-[clamp(2rem,7vw,3rem)] leading-tight font-medium tracking-tight motion-preset-slide-up motion-preset-fade-lg"`
Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
`1`	`1`	`@import "tailwindcss";`
`2`	`2`	`@plugin "@tailwindcss/typography";`
	`3`	`+@plugin "tailwindcss-motion";`
Original file line number	Diff line number	Diff line change
`@@ -4,5 +4,4 @@ module.exports = {`
`4`	`4`	`theme: {`
`5`	`5`	`extend: {},`
`6`	`6`	`},`
`7`		`- plugins: [require('tailwindcss-motion')],`
`8`	`7`	`}`