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

fix: 03 layout

Browse source
This commit is contained in:
puriphatt 2024-07-17 07:38:44 +00:00
parent 1250eb6bc7
commit b5a2dee9aa
2 changed files with 111 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/03_customer-management/CustomerInfoComponent.vue
View file

@ -87,8 +87,8 @@ watch(currentStatus, async () => {
</script>
<template>
<div class="bordered surface-1 col column">
<div class="row no-wrap justify-between bordered-b surface-2">
<div class="bordered surface-1 col column surface-2">
<div class="row no-wrap justify-between bordered-b surface-3">
<div class="row items-center">
<q-btn
round
@ -128,7 +128,7 @@ watch(currentStatus, async () => {
</div>
</div>
</div>
<div class="row items-center q-pa-md">
<div class="row items-center q-px-md">
<q-btn
id="btn-add-customer"
dense
@ -138,23 +138,27 @@ watch(currentStatus, async () => {
@click="$emit('dialog')"
style="background-color: var(--cyan-6); color: white"
/>
<q-separator vertical inset class="q-mx-lg" />
<q-separator vertical inset class="q-mx-md" />
<q-input
style="width: 250px"
outlined
dense
:label="$t('search')"
class="q-mr-lg"
:bg-color="$q.dark.isActive ? 'dark' : 'white'"
v-model="inputSearch"
debounce="500"
></q-input>
>
<template v-slot:prepend>
<q-icon name="mdi-magnify" />
</template>
</q-input>
<q-btn
padding="10px 16px"
icon="mdi-tune-vertical-variant"
size="sm"
:color="$q.dark.isActive ? 'dark' : 'white'"
:text-color="$q.dark.isActive ? 'white' : 'dark'"
class="bordered rounded"
class="bordered rounded q-ml-md"
unelevated
>
<q-menu class="bordered">
@ -197,6 +201,7 @@ watch(currentStatus, async () => {
<div v-for="(br, i) in branch" :key="i" class="col-4">
<BranchCardCustomer
class="surface-1"
:inactive="br.status === 'INACTIVE'"
:color="customerType === 'CORP' ? 'corp' : 'pers'"
:badgeField="['status']"