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

fix: layout

Browse source
This commit is contained in:
Methapon2001 2024-07-09 11:50:38 +07:00
parent faab76fadb
commit b155e57122
1 changed files with 7 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1567,7 +1567,7 @@ watch(inputSearchProductAndService, async () => {
<!-- product/service --> <!-- product/service -->
<div <div
v-else-if="productMode === 'service'" v-else-if="productMode === 'service'"
class="surface-2 col bordered rounded column" class="surface-2 col bordered rounded column no-wrap"
style="overflow: hidden" style="overflow: hidden"
> >
<div <div
@ -1699,11 +1699,11 @@ watch(inputSearchProductAndService, async () => {
<NoData :not-found="!!inputSearchProductAndService" /> <NoData :not-found="!!inputSearchProductAndService" />
</div> </div>
<!-- tab --> <!-- tab -->
<div v-else class="row flex col"> <template v-else>
<q-tabs <q-tabs
dense dense
v-model="productAndServiceTab" v-model="productAndServiceTab"
class="col-12 bordered-b q-px-md" class="bordered-b q-px-md"
align="left" align="left"
> >
<q-tab <q-tab
@ -1753,7 +1753,7 @@ watch(inputSearchProductAndService, async () => {
</div> </div>
</q-tab> </q-tab>
</q-tabs> </q-tabs>
<div class="col-12 flex col scroll full-height q-pa-md surface-1"> <div class="col flex scroll full-height q-pa-md surface-1">
<div class="full-width"> <div class="full-width">
<q-table <q-table
class="full-width" class="full-width"
@ -2063,7 +2063,7 @@ watch(inputSearchProductAndService, async () => {
</template> </template>
<template v-slot:item="{ row }"> <template v-slot:item="{ row }">
<div class="col-12 col-md-6"> <div class="col-12 col-md-4 col-lg-2">
<TotalProductCardComponent <TotalProductCardComponent
:data="row" :data="row"
:key="row.id" :key="row.id"
@ -2119,13 +2119,9 @@ watch(inputSearchProductAndService, async () => {
</q-table> </q-table>
</div> </div>
</div> </div>
</div> </template>
<!-- footer --> <!-- footer -->
<div <div class="row items-center justify-between q-py-sm q-px-md surface-2">
class="row items-center justify-between q-px-md surface-2"
style="z-index: 99"
>
<div class="col-4"> <div class="col-4">
<div class="row items-center"> <div class="row items-center">
<div class="app-text-muted" style="width: 80px"> <div class="app-text-muted" style="width: 80px">