feat: UI changes
This commit is contained in:
parent
81907426e5
commit
e97a327aec
1 changed files with 35 additions and 38 deletions
|
|
@ -24,6 +24,39 @@
|
|||
</q-item>
|
||||
|
||||
<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 class="col-7">
|
||||
|
|
@ -47,8 +80,8 @@
|
|||
</div>
|
||||
<div class="col-xs-12 col-sm-12 col-md-4">
|
||||
<q-btn-dropdown unelevated color="secondary" rounded :label="shippingZoneLabel">
|
||||
<q-item v-for="zone of stall.shipping" @click="selectShippingZone(zone)"
|
||||
:key="zone.id" clickable v-close-popup>
|
||||
<q-item v-for="zone of stall.shipping" @click="selectShippingZone(zone)" :key="zone.id"
|
||||
clickable v-close-popup>
|
||||
<q-item-section>
|
||||
<q-item-label><span v-text="zone.name"></span></q-item-label>
|
||||
<q-item-label caption><span
|
||||
|
|
@ -85,43 +118,7 @@
|
|||
<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">
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue