refactor: styling

This commit is contained in:
Methapon2001 2024-07-08 14:26:30 +07:00
parent e631ed9c47
commit 199815f78e
3 changed files with 11 additions and 11 deletions

View file

@ -533,7 +533,7 @@ watch(locale, () => {
<div class="row" style="flex-grow: 1; flex-wrap: nowrap"> <div class="row" style="flex-grow: 1; flex-wrap: nowrap">
<q-splitter <q-splitter
v-model="splitterModel" v-model="splitterModel"
:limits="[25, 80]" :limits="[0, 100]"
style="width: 100%" style="width: 100%"
> >
<template v-slot:before> <template v-slot:before>
@ -1226,7 +1226,7 @@ watch(locale, () => {
</template> </template>
<template v-slot:item="props"> <template v-slot:item="props">
<div class="col-6"> <div class="col-12 col-md-6">
<BranchCard <BranchCard
:id="`branch-card-${props.row.name}`" :id="`branch-card-${props.row.name}`"
@click=" @click="

View file

@ -616,12 +616,12 @@ watch(inputSearch, async () => await fetchUserList());
<!-- main --> <!-- main -->
<div <div
class="col surface-1 rounded justify-between column no-wrap" class="col surface-1 rounded justify-between column no-wrap bordered"
style="overflow: hidden" style="overflow: hidden"
> >
<div class="column"> <div class="column">
<div <div
class="row surface-3 bordered-b justify-between full-width items-center surface-1" class="row surface-2 justify-between full-width items-center"
style="z-index: 1" style="z-index: 1"
> >
<div class="row q-py-sm q-px-md justify-between full-width"> <div class="row q-py-sm q-px-md justify-between full-width">

View file

@ -1500,7 +1500,7 @@ watch([inputSearch, currentStatus], async () => {
<!-- tabs --> <!-- tabs -->
<div class="column"> <div class="column">
<div <div
class="row surface-3 bordered-b justify-between full-width items-center surface-1" class="row justify-between full-width items-center surface-2"
style="z-index: 1" style="z-index: 1"
> >
<div class="row q-py-sm q-px-md justify-between full-width"> <div class="row q-py-sm q-px-md justify-between full-width">
@ -1664,8 +1664,8 @@ watch([inputSearch, currentStatus], async () => {
class="col" class="col"
> >
<template v-slot:before> <template v-slot:before>
<div class="column q-pa-md q-gutter-y-sm"> <div class="column q-pa-md" style="gap: var(--size-1)">
<div v-if="selectorLabel === 'EMPLOYER'"> <template v-if="selectorLabel === 'EMPLOYER'">
<q-item <q-item
v-for="v in fieldCustomer" v-for="v in fieldCustomer"
:key="v" :key="v"
@ -1680,8 +1680,8 @@ watch([inputSearch, currentStatus], async () => {
{{ $t(v) }} {{ $t(v) }}
</span> </span>
</q-item> </q-item>
</div> </template>
<div v-else> <template v-else>
<q-item <q-item
active active
dense dense
@ -1693,12 +1693,12 @@ watch([inputSearch, currentStatus], async () => {
{{ $t('totalEmployee') }} {{ $t('totalEmployee') }}
</span> </span>
</q-item> </q-item>
</div> </template>
</div> </div>
</template> </template>
<template v-slot:after> <template v-slot:after>
<div class="column full-height surface-2"> <div class="column full-height">
<!-- employer --> <!-- employer -->
<template <template
v-if=" v-if="