css CIngredientSelector.vue

alex9849 · Oct 4, 2020 · 7ba6525 · 7ba6525
1 parent b975cdf
commit 7ba6525
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/frontend/src/components/CIngredientSelector.vue b/frontend/src/components/CIngredientSelector.vue
@@ -1,6 +1,7 @@
 <template>
   <q-select
     outlined
+    behavior="menu"
     :loading="loading"
     :dense="dense"
     :value="value"

diff --git a/frontend/src/components/CRecipeCard.vue b/frontend/src/components/CRecipeCard.vue
@@ -43,9 +43,11 @@
               {{ recipe.shortDescription }}
             </div>
           </div>
-          <div class="row"/>
-          <div class="row">
-            <div class="col">
+          <div class="row" style="margin-top: 10px">
+            <div
+              class="col"
+              v-if="!$q.platform.is.mobile"
+            >
               Ingredients:
               <q-chip v-if="index < 4" v-for="(name, index) in uniqueIngredientNames(recipe.recipeIngredients)">
                 {{ index !== 3?name:'...' }}