bottom bars

reednel · Aug 23, 2023 · 684b59a · 684b59a
1 parent 1c96541
commit 684b59a
Showing 1 changed file with 30 additions and 26 deletions.
diff --git a/src/layouts/DrinkSingle.astro b/src/layouts/DrinkSingle.astro
@@ -58,39 +58,43 @@ tags.sort((a: string, b: string) => a.localeCompare(b));
                 <ul>
                   {
                     spirits.length > 0 && (
-                      <li class="mr-4">
-                        {
-                          spirits.map((spirit: string, index: number) => (
-                            <a
-                              class="m-1 inline-block rounded bg-white px-3 py-1 hover:bg-primary hover:text-white dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark"
-                              href={`/drink/spirits/${spirit}`}
-                            >
-                              {spirit}
-                            </a>
-                          ))
-                        }
-                      </li>
-                      <hr class="my-2">
+                      <div>
+                        <li class="mr-4">
+                          {
+                            spirits.map((spirit: string, index: number) => (
+                              <a
+                                class="m-1 inline-block rounded bg-white px-3 py-1 hover:bg-primary hover:text-white dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark"
+                                href={`/drink/spirits/${spirit}`}
+                              >
+                                {spirit}
+                              </a>
+                            ))
+                          }
+                        </li>
+                        {bottles.length > 0 || tags.length > 0 ? <hr class="my-2" /> : null}
+                      </div>
                     )
                   }
                 </ul>
                 <!-- Bottles -->
                 <ul>
                   {
                     bottles.length > 0 && (
-                      <li class="mr-4">
-                        {
-                          bottles.map((bottle: string, index: number) => (
-                            <a
-                              class="m-1 inline-block rounded bg-white px-3 py-1 hover:bg-primary hover:text-white dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark"
-                              href={`/drink/bottles/${bottle}`}
-                            >
-                              {bottle}
-                            </a>
-                          ))
-                        }
-                      </li>
-                      <hr class="my-2">
+                      <div>
+                        <li class="mr-4">
+                          {
+                            bottles.map((bottle: string, index: number) => (
+                              <a
+                                class="m-1 inline-block rounded bg-white px-3 py-1 hover:bg-primary hover:text-white dark:bg-darkmode-body dark:hover:bg-darkmode-primary dark:hover:text-dark"
+                                href={`/drink/bottles/${bottle}`}
+                              >
+                                {bottle}
+                              </a>
+                            ))
+                          }
+                        </li>
+                        {tags.length > 0 ? <hr class="my-2" /> : null}
+                      </div>
                     )
                   }
                 </ul>