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

refactor: color, data structure

Browse source
This commit is contained in:
Methapon2001 2024-04-10 17:22:33 +07:00
parent 4ef5499242
commit 2fb2c3bc3d
4 changed files with 15 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/01_branch-management/DeatailsBranchDrawerComponent.vue
View file

@ -11,6 +11,7 @@ const open = defineModel('open', { type: Boolean, default: false });
<template>
<q-drawer
overlay
behavior="mobile"
bordered
class="q-pa-md"
side="right"

8
src/components/01_branch-management/TableCardComponent.vue
View file

@ -8,6 +8,7 @@ const color: string[] = ['pink', 'violet'];
const props = defineProps<{
subBranch?: boolean;
rows: {
id: string;
name: string;
branchName: string;
address: string;
@ -65,8 +66,7 @@ const filter = ref('');
class="bordered"
:class="`table-card-color-${subBranch ? color[1] : color[0]} ${$q.dark.isActive ? 'dark-table-card' : ''} ${i === 0 ? 'color-table-header' : ''} ${i % 2 === 0 && i !== 0 ? 'color-table-row' : ''}`"
:key="i"
v-for="([k, v], i) in Object.entries(prop.row)"
:style="` `"
v-for="([k, v], i) in Object.entries(prop.row).slice(1)"
>
<q-item-section
avatar
@ -126,9 +126,9 @@ const filter = ref('');
}
.table-card-color-violet {
--bg-table-card-header: var(--violet-4-hsl);
--bg-table-card-header: var(--purple-11-hsl);
--color-table-card-header: var(--violet-0-hsl);
--bg-table-card-row: hsla(var(--violet-4-hsl) / 0.08);
--bg-table-card-row: hsla(var(--purple-11-hsl) / 0.08);
&.dark-table-card {
--bg-table-card-row: hsla(var(--gray-9-hsl) / 1);
}