styling

reednel · Aug 22, 2023 · 9e6c550 · 9e6c550
1 parent 639d674
commit 9e6c550
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 13 deletions.
diff --git a/src/layouts/BlogSingle.astro b/src/layouts/BlogSingle.astro
@@ -54,15 +54,15 @@ tags.sort((a: string, b: string) => a.localeCompare(b));
           <Content />
         </div>
         <div class="row items-start justify-between">
-          <div class="mb-10 flex items-center lg:col-5 lg:mb-0">
+          <div class="mb-4 flex justify-center items-center lg:justify-start lg:col-5 lg:mb-0">
             <h5 class="mr-3">Tags:</h5>
             <ul>
               {
                 tags.map((tag: string) => (
                   <li class="inline-block">
                     <a
                       class="m-1 block rounded bg-theme-light px-3 py-1 hover:bg-primary hover:text-white dark:bg-darkmode-theme-light dark:hover:bg-darkmode-primary dark:hover:text-dark"
-                      href={`blog/tags/${slugify(tag)}`}
+                      href={`/blog/tags/${slugify(tag)}`}
                     >
                       {tag}
                     </a>
@@ -71,8 +71,7 @@ tags.sort((a: string, b: string) => a.localeCompare(b));
               }
             </ul>
           </div>
-          <div class="flex items-center lg:col-4">
-            <h5 class="mr-3">Share :</h5>
+          <div class="flex items-center justify-center lg:justify-end lg:col-4">
             <Share
               className="social-icons"
               title={title}
@@ -93,7 +92,7 @@ tags.sort((a: string, b: string) => a.localeCompare(b));
           <div class="row justify-center">
             {
               similarPosts.slice(0, 3).map((post) => (
-                <div class="lg:col-4">
+                <div class="lg:col-4 mb-12">
                   <BlogCard data={post} />
                 </div>
               ))

diff --git a/src/layouts/DrinkSingle.astro b/src/layouts/DrinkSingle.astro
@@ -161,7 +161,6 @@ tags.sort((a: string, b: string) => a.localeCompare(b));
 
         <!-- Share -->
         <div class="flex items-center justify-center lg:justify-end">
-          <h5 class="mr-3">Share:</h5>
           <Share
             className="social-icons"
             title={title}
@@ -182,7 +181,7 @@ tags.sort((a: string, b: string) => a.localeCompare(b));
           <div class="row justify-center">
             {
               similarPosts.slice(0, 3).map((post) => (
-                <div class="lg:col-4">
+                <div class="lg:col-4 mb-4">
                   <DrinkCard data={post} />
                 </div>
               ))

diff --git a/src/layouts/partials/Footer.astro b/src/layouts/partials/Footer.astro
@@ -1,20 +1,17 @@
 ---
 import Social from "@/components/Social.astro";
-import menu from "@/config/menu.json";
 import social from "@/config/social.json";
-
-const { footer }: { footer: { name: string; url: string }[] } = menu;
 ---
 
 <footer class=" mt-auto">
   <div class="container">
-    <div class="row items-center py-2">
-      <div class="mb-2 text-center lg:col-6 lg:mb-0 lg:text-left">
+    <div class="row items-center py-2 flex-col-reverse md:flex-row">
+      <div class="mb-2 text-center md:col-6 lg:mb-0 md:text-left">
         <a href="/terms">
           &copy; 2023 Reed Nelson
         </a>
       </div>
-      <div class="mb-2 text-center lg:col-6 lg:mb-0 lg:mt-0 lg:text-right">
+      <div class="mb-2 text-center md:col-6 md:mb-0 md:mt-0 md:text-right">
         <Social source={social.main} className="social-icons" />
       </div>
     </div>