chamomind/jws-frontend
chamomind/jws-frontend
7
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"
>
<div
class="col column justify-between"
class="col column justify-between no-wrap"
style="height: 100%; max-height: 100; overflow-y: auto"
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
v-for="v in 2"
:key="v"
@ -3902,7 +3902,7 @@ watch(
@click="serviceTab = v"
>
<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"
>
{{
@ -3938,13 +3938,14 @@ watch(
/>
</div>
<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') }}
<q-input
style="width: 54px"
dense
outlined
class="col-3 split-pay q-mx-sm"
class="split-pay q-mx-sm"
input-class="text-caption text-right"
type="number"
v-model="splitPay"
@ -4317,11 +4318,11 @@ watch(
/>
</div>
<div
class="col column justify-between"
class="col column justify-between no-wrap"
style="height: 100%; max-height: 100; overflow-y: auto"
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
v-for="v in 2"
:key="v"
@ -4334,7 +4335,7 @@ watch(
@click="serviceTab = v"
>
<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"
>
{{
@ -4374,14 +4375,15 @@ watch(
/>
</div>
<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') }}
<q-input
style="width: 54px"
:readonly="!infoServiceEdit"
dense
outlined
class="col-3 split-pay q-mx-sm"
class="split-pay q-mx-sm"
input-class="text-caption text-right"
type="number"
v-model="splitPay"