chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: service => side menu no wrap, splitPay input width

Browse source
This commit is contained in:
puriphatt 2024-11-06 17:14:49 +07:00
parent 4a539fa7e4
commit ddcde2ef49
1 changed files with 12 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/pages/04_product-service/MainPage.vue
View file

@ -3885,11 +3885,11 @@ watch(
id="service-form" id="service-form"
> >
<div <div
class="col column justify-between" class="col column justify-between no-wrap"
style="height: 100%; max-height: 100; overflow-y: auto" style="height: 100%; max-height: 100; overflow-y: auto"
v-if="$q.screen.gt.sm" v-if="$q.screen.gt.sm"
> >
<div class="q-py-md q-pl-md q-pr-sm"> <div class="q-py-md q-pl-md q-pr-sm scroll">
<q-item <q-item
v-for="v in 2" v-for="v in 2"
:key="v" :key="v"
@ -3902,7 +3902,7 @@ watch(
@click="serviceTab = v" @click="serviceTab = v"
> >
<span <span
class="full-width row items-center q-py-sm" class="full-width row items-center q-py-sm no-wrap"
style="padding-inline: 20px" style="padding-inline: 20px"
> >
{{ {{
@ -3938,13 +3938,14 @@ watch(
/> />
</div> </div>
<span <span
class="row items-center justify-center q-py-md text-caption no-wrap" class="row items-center justify-center q-py-md q-pr-sm q-pl-md text-caption no-wrap"
> >
{{ $t('productService.service.splitPay') }} {{ $t('productService.service.splitPay') }}
<q-input <q-input
style="width: 54px"
dense dense
outlined outlined
class="col-3 split-pay q-mx-sm" class="split-pay q-mx-sm"
input-class="text-caption text-right" input-class="text-caption text-right"
type="number" type="number"
v-model="splitPay" v-model="splitPay"
@ -4317,11 +4318,11 @@ watch(
/> />
</div> </div>
<div <div
class="col column justify-between" class="col column justify-between no-wrap"
style="height: 100%; max-height: 100; overflow-y: auto" style="height: 100%; max-height: 100; overflow-y: auto"
v-if="$q.screen.gt.sm" v-if="$q.screen.gt.sm"
> >
<div class="q-py-md q-pl-md q-pr-sm"> <div class="q-py-md q-pl-md q-pr-sm scroll">
<q-item <q-item
v-for="v in 2" v-for="v in 2"
:key="v" :key="v"
@ -4334,7 +4335,7 @@ watch(
@click="serviceTab = v" @click="serviceTab = v"
> >
<span <span
class="full-width row items-center q-py-sm" class="full-width row items-center q-py-sm no-wrap"
style="padding-inline: 20px" style="padding-inline: 20px"
> >
{{ {{
@ -4374,14 +4375,15 @@ watch(
/> />
</div> </div>
<span <span
class="row items-center justify-center q-py-md text-caption no-wrap" class="row items-center justify-center q-py-md q-pr-sm q-pl-md text-caption no-wrap"
> >
{{ $t('productService.service.splitPay') }} {{ $t('productService.service.splitPay') }}
<q-input <q-input
style="width: 54px"
:readonly="!infoServiceEdit" :readonly="!infoServiceEdit"
dense dense
outlined outlined
class="col-3 split-pay q-mx-sm" class="split-pay q-mx-sm"
input-class="text-caption text-right" input-class="text-caption text-right"
type="number" type="number"
v-model="splitPay" v-model="splitPay"