feat: UI changes

This commit is contained in:
Vlad Stan 2023-07-10 10:37:38 +03:00
parent 81907426e5
commit e97a327aec

View file

@ -24,6 +24,39 @@
</q-item> </q-item>
<q-separator /> <q-separator />
<q-card-section>
<div class="row q-mt-md q-ml-md q-pr-md">
<div class="col-xs-12 col-sm-12 col-md-2 q-mt-md">
<strong>Address:</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-10">
<q-input v-model.trim="contactData.address" outlined
label="Required for physical shipping"></q-input>
</div>
</div>
<div class="row q-mt-md q-ml-md q-pr-md">
<div class="col-xs-12 col-sm-12 col-md-2 q-mt-md">
<strong>Email:</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-10">
<q-input v-model.trim="contactData.address" outlined label="Email (optional)"></q-input>
</div>
</div>
<div class="row q-mt-md q-ml-md q-pr-md">
<div class="col-xs-12 col-sm-12 col-md-2 q-mt-md">
<strong>Message:</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-10">
<q-input v-model.trim="contactData.address" outlined type="textarea" rows="3"
label="Message to Merchant (optional)"></q-input>
</div>
</div>
</q-card-section>
<q-separator class="q-mt-md" />
<q-card-section horizontal> <q-card-section horizontal>
<q-card-section class="col-7"> <q-card-section class="col-7">
@ -47,8 +80,8 @@
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-4"> <div class="col-xs-12 col-sm-12 col-md-4">
<q-btn-dropdown unelevated color="secondary" rounded :label="shippingZoneLabel"> <q-btn-dropdown unelevated color="secondary" rounded :label="shippingZoneLabel">
<q-item v-for="zone of stall.shipping" @click="selectShippingZone(zone)" <q-item v-for="zone of stall.shipping" @click="selectShippingZone(zone)" :key="zone.id"
:key="zone.id" clickable v-close-popup> clickable v-close-popup>
<q-item-section> <q-item-section>
<q-item-label><span v-text="zone.name"></span></q-item-label> <q-item-label><span v-text="zone.name"></span></q-item-label>
<q-item-label caption><span <q-item-label caption><span
@ -85,43 +118,7 @@
<q-separator /> <q-separator />
<q-card-section>
<div class="row q-mt-md q-ml-md q-pr-md">
<div class="col-xs-12 col-sm-12 col-md-2 q-mt-md">
<strong>Address:</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-8">
<q-input v-model.trim="contactData.address" outlined label="Required for physical shipping"></q-input>
</div>
<div class="col-xs-12 col-sm-12 col-md-2">
</div>
</div>
<div class="row q-mt-md q-ml-md q-pr-md">
<div class="col-xs-12 col-sm-12 col-md-2 q-mt-md">
<strong>Email:</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-8">
<q-input v-model.trim="contactData.address" outlined label="Email (optional)"></q-input>
</div>
<div class="col-xs-12 col-sm-12 col-md-2">
</div>
</div>
<div class="row q-mt-md q-ml-md q-pr-md">
<div class="col-xs-12 col-sm-12 col-md-2 q-mt-md">
<strong>Message:</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-8">
<q-input v-model.trim="contactData.address" outlined type="textarea" rows="3" label="Message to Merchant (optional)"></q-input>
</div>
<div class="col-xs-12 col-sm-12 col-md-2">
</div>
</div>
</q-card-section>
<q-separator class="q-mt-md" />
<q-card-actions align="right"> <q-card-actions align="right">