Layouting

basta/src/components/food/FoodOverview.vue

@@ -2,7 +2,7 @@
   <b-row>
     <b-col class="food-overview">
       <div v-if="!mobile" class="row">
-        <div v-for="location in locations" class="tab-menu-wrapper col col-6">
+        <div v-for="location in locations" class="tab-menu-wrapper col col-6 p-2">
           <h3>{{ location.short }} </h3>
           <tab-menu :title="location.short" :location="location.id"></tab-menu>
         </div>

basta/src/components/food/TabMenu.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="tab-menu m-0 p-1">
+  <div class="tab-menu m-0 p-1 bg-light text-dark">
     <b-tabs>
       <b-tab title="Heute" active title-link-class="rounded-0">
         <day-menu :menu="dayMenu"></day-menu>

basta/src/components/food/utils/AllergensOverview.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-if="!mobile">
     <h5>Allergene</h5>
-    <div v-if="allergens.length == 0">
+    <div v-if="allergens">
       Keine Angaben gefunden.
     </div>
     <div v-else>
@@ -17,7 +17,7 @@
       </b-card-header>
       <b-collapse id="allergensBox" accordion="allergensBox-accordion" role="tabpanel">
         <b-card-body>
-          <div v-if="allergens.length == 0">
+          <div v-if="allergens">
             Keine Angaben gefunden.
           </div>
           <div v-else>

basta/src/components/food/utils/FoodPicture.vue

@@ -7,7 +7,7 @@
     <div v-else-if="foodImage">
       <b-img :src="foodImage.image" fluid-grow alt="Fluid-Grow image"/>
     </div>
-    <div v-else><
+    <div v-else>
       <b-img :src="defaultImage" fluid-grow alt="Fluid-Grow image"/>
     </div>
   </div>