Small tweak to boat cards

2024-05-23 10:02:37 -04:00
parent b0d6ec877b
commit ce696a5a04
1 changed files with 7 additions and 2 deletions
--- a/src/components/boat/BoatPreviewComponent.vue
+++ b/src/components/boat/BoatPreviewComponent.vue
@@ -1,8 +1,13 @@
 <template>
  <div v-if="boats">
-    <q-card v-for="boat in boats" :key="boat.id" flat class="mobile-card">
+    <q-card
+      v-for="boat in boats"
+      :key="boat.id"
+      class="mobile-card q-ma-sm">
      <q-card-section>
-        <q-img :src="boat.imgSrc" :fit="'scale-down'">
+        <q-img
+          :src="boat.imgSrc"
+          :fit="'scale-down'">
          <div class="row absolute-top">
            <div class="col text-h6 text-left">{{ boat.name }}</div>
            <div class="col text-right">{{ boat.class }}</div>