Merge branch 'front-page' of github.com:umgefahren/obscure-app-i-will…

…-never-finish into front-page
Das-Quadrumvirat · Oct 15, 2022 · ea1edd9 · ea1edd9
2 parents d207ed9 + 8d780c1
commit ea1edd9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/cocktail.vue b/components/cocktail.vue
@@ -14,8 +14,8 @@
                 <div class="flex flex-wrap justify-center">
                     <template v-for="({ingredient, measure}, index) in cocktail.ingredients">
                         <div class="flex flex-col mx-5" :class="{'mb-5': index < cocktail.ingredients.length - 1 }">
-                            <p>{{ ingredient.name }}</p>
                             <p class="opacity-60">{{ measure }}</p>
+                            <p>{{ ingredient.name }}</p>
                         </div>
                     </template>
                 </div>

diff --git a/pages/index.vue b/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="mb-5">
-        <div class="sticky top-0 navbar bg-base-100 mb-5 px-8 z-50">
+        <div class="sticky top-0 navbar bg-base-100 mb-8 border-b-[0.5px] px-8 z-50">
             <div class="flex-1">
                 <a href="#" class="btn btn-ghost normal-case text-white mt-5 text-4xl">Cocktail Coach</a>
             </div>
@@ -43,7 +43,7 @@
             }">
                 <div class="absolute w-full h-full bg-black transition-[background-opacity] bg-opacity-50 group-hover:bg-opacity-70 z-10"></div>
                 <div class="card-body z-20">
-                    <h2 class="card-title text-white">Get a Random Cocktail!</h2>
+                    <h2 class="card-title py-3 text-white">Get a Random Cocktail!</h2>
                 </div>
             </a>
         </div>