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

fix: แก้ขนาดการแสดงเลือกสินค้า

Browse source
This commit is contained in:
Net 2024-06-24 13:53:22 +07:00
parent 65878708be
commit d3c03ef233
1 changed files with 68 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1170,7 +1170,8 @@ watch(currentStatus, async () => {
<div <div
v-if="product && product.length > 0" v-if="product && product.length > 0"
class="row q-col-gutter-md flex q-pa-md" class="row q-col-gutter-lg flex"
style="padding: 20px"
> >
<div <div
:class="`${$q.screen.gt.sm ? 'col-3' : $q.screen.gt.xs ? 'col-6' : 'col-12'}`" :class="`${$q.screen.gt.sm ? 'col-3' : $q.screen.gt.xs ? 'col-6' : 'col-12'}`"
@ -1375,16 +1376,8 @@ watch(currentStatus, async () => {
} }
" "
> >
<div <div class="full-width">
style=" <div class="row items-center">
width: 75vw;
display: grid;
background: none;
grid-template-rows: auto;
gap: var(--size-3);
"
>
<div class="row items-center" style="max-height: 20%">
<q-space /> <q-space />
<q-input <q-input
outlined outlined
@ -1400,10 +1393,11 @@ watch(currentStatus, async () => {
</template> </template>
</q-input> </q-input>
</div> </div>
<div>
<AppBox class="row q-gutter-md" no-padding> <AppBox class="row">
<div <div
class="co-2" class="q-pa-xs"
:class="`${$q.screen.gt.sm ? 'col-3 ' : $q.screen.gt.xs ? 'col-6' : 'col-12'}`"
v-for="i in (!!searchTotalProduct v-for="i in (!!searchTotalProduct
? resultSearchProduct ? resultSearchProduct
: product : product
@ -1465,6 +1459,7 @@ watch(currentStatus, async () => {
</div> </div>
</AppBox> </AppBox>
</div> </div>
</div>
</FormDialog> </FormDialog>
<!-- Add Product --> <!-- Add Product -->