headwind

Fezalion · Feb 15, 2024 · f6fe261 · f6fe261
1 parent 06fb800
commit f6fe261
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -4,7 +4,7 @@ export default {
 	theme: {
 		extend: {
 			animation: {
-				fadeIn: 'fadeIn .5s ease-in-out',
+				fadeIn: 'fadeIn .5s ease-in-out forwards',
 			}	
 		},
 		colors: {