oys/bab-app
1
0
Fork 0
Code Issues 29 Pull Requests Actions Packages Projects 1 Releases 2 Wiki Activity

Small tweak to boat cards

Browse Source
This commit is contained in:
Patrick Toal
2024-05-23 10:02:37 -04:00
parent b0d6ec877b
commit ce696a5a04
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/boat/BoatPreviewComponent.vue
View File

@@ -1,8 +1,13 @@
<template> <template>
<div v-if="boats"> <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-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="row absolute-top">
<div class="col text-h6 text-left">{{ boat.name }}</div> <div class="col text-h6 text-left">{{ boat.name }}</div>
<div class="col text-right">{{ boat.class }}</div> <div class="col text-right">{{ boat.class }}</div>