From f6fe261599d8248a8cc938a0f250cc11d8ab7427 Mon Sep 17 00:00:00 2001
From: Fezalion <kerimgileren@gmail.com>
Date: Thu, 15 Feb 2024 18:26:08 +0300
Subject: [PATCH] headwind

---
 src/layouts/Layout.astro             | 4 ++--
 src/layouts/MarkdownPostLayout.astro | 6 +++---
 src/pages/blog.astro                 | 2 +-
 tailwind.config.mjs                  | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index be3b9cb..ca823b7 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -25,11 +25,11 @@ const { title } = Astro.props;
   <body class="relative pb-24" style="min-height: 100dvh;">
     <FezNav />
     <div
-      class="grid mx-4 gap-y-4 grid-rows lg:grid-cols-4 lg:gap-x-8 lg:mx-32 xl:gap-x-16 xl:mx-64 mt-8 relative"
+      class="relative grid mx-4 mt-8 gap-y-4 grid-rows lg:grid-cols-4 lg:gap-x-8 lg:mx-32 xl:gap-x-16 xl:mx-64"
     >
       <div>
         <ul
-          class="hidden lg:block bg-primary-950 text-primary-50 px-4 py-4 rounded-lg sticky top-8"
+          class="sticky hidden px-4 py-4 rounded-lg lg:block bg-primary-950 text-primary-50 top-8"
         >
           {
             Array.from({ length: 12 }, (_, index) => (
diff --git a/src/layouts/MarkdownPostLayout.astro b/src/layouts/MarkdownPostLayout.astro
index 1ca76a4..b15826e 100644
--- a/src/layouts/MarkdownPostLayout.astro
+++ b/src/layouts/MarkdownPostLayout.astro
@@ -54,9 +54,9 @@ const { frontmatter: post } = Astro.props;
       lg:grid-cols-4 lg:gap-x-8 lg:px-32 lg:translate-y-96
       xl:gap-x-16 xl:px-64 xl:translate-y-72"
     >
-      <div class="col-span-4 relative">
+      <div class="relative col-span-4">
         <div
-          class="-top-24 absolute bg-primary-950 text-primary-50 bg-opacity-50 py-4 px-8"
+          class="absolute px-8 py-4 bg-opacity-50 -top-24 bg-primary-950 text-primary-50"
         >
           <h1 class="font-semibold">
             {post.data.title}
@@ -65,7 +65,7 @@ const { frontmatter: post } = Astro.props;
             Written by {post.data.author} in {post.data.pubDate}
           </small>
         </div>
-        <article class="prose mt-4">
+        <article class="mt-4 prose">
           <slot />
         </article>
       </div>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index 4ff1232..c01b510 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -8,7 +8,7 @@ const allPosts = await getCollection("posts");
 
 <Layout title="All Posts">
   <h1>All Posts</h1>
-  <ul class="flex gap-16 flex-wrap">
+  <ul class="flex flex-wrap gap-16">
     {
       allPosts.map((post) => (
         <li>
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index e4c85b4..2db25b5 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -4,7 +4,7 @@ export default {
 	theme: {
 		extend: {
 			animation: {
-				fadeIn: 'fadeIn .5s ease-in-out',
+				fadeIn: 'fadeIn .5s ease-in-out forwards',
 			}	
 		},
 		colors: {
