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

Style edits

Browse Source
This commit is contained in:
Patrick Toal
2024-05-24 08:36:28 -04:00
parent 7bc0573455
commit 2fb236cf97
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/schedule/BoatReservationPage.vue
View File

@@ -2,7 +2,6 @@
<div class="q-pa-xs row q-gutter-xs"> <div class="q-pa-xs row q-gutter-xs">
<q-card <q-card
flat flat
bordered
class="col-lg-4 col-md-6 col-sm-8 col-xs-12"> class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
<q-card-section> <q-card-section>
<div class="text-h5 q-mt-none q-mb-xs">New Booking</div> <div class="text-h5 q-mt-none q-mb-xs">New Booking</div>
@@ -15,7 +14,9 @@
clickable clickable
@click="boatSelect = true"> @click="boatSelect = true">
<q-item-section> <q-item-section>
<q-card v-if="bookingForm.boat"> <q-card
v-if="bookingForm.boat"
flat>
<q-card-section> <q-card-section>
<q-img <q-img
:src="bookingForm.boat?.imgSrc" :src="bookingForm.boat?.imgSrc"
@@ -42,11 +43,11 @@
color="primary" color="primary"
label="Start" /> label="Start" />
</q-item-section> </q-item-section>
<q-item-section class="text-caption"> <q-item-section class="text-body2">
{{ {{
date.formatDate( date.formatDate(
new Date(bookingForm.startDate as string), new Date(bookingForm.startDate as string),
'ddd MMM Do @ hh:mm A' 'ddd MMM Do hh:mm A'
) )
}} }}
</q-item-section> </q-item-section>
@@ -57,11 +58,11 @@
color="primary" color="primary"
label="End" /> label="End" />
</q-item-section> </q-item-section>
<q-item-section class="text-caption"> <q-item-section class="text-body2">
{{ {{
date.formatDate( date.formatDate(
new Date(bookingForm.endDate as string), new Date(bookingForm.endDate as string),
'ddd MMM Do @ hh:mm A' 'ddd MMM Do hh:mm A'
) )
}} }}
</q-item-section> </q-item-section>
@@ -191,6 +192,7 @@ const bookingDuration = computed((): { hours: number; minutes: number } => {
}); });
const onReset = () => { const onReset = () => {
interval.value = undefined;
bookingForm.value = { ...newForm }; bookingForm.value = { ...newForm };
}; };
const onSubmit = () => { const onSubmit = () => {