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

refactor: edit layout

Browse source
This commit is contained in:
Thanaphon Frappet 2024-10-07 16:59:38 +07:00
parent a9d1425f8d
commit fc52acf541
1 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/shared/SelectZone.vue
View file

@ -85,7 +85,11 @@ function assignSelect(to: unknown[], from: unknown[]) {
<slot name="tab"></slot> <slot name="tab"></slot>
<section class="col q-ma-md"> <section class="col q-ma-md">
<div v-if="items.length > 0 || newItems.length > 0" class="column"> <div
v-if="items.length > 0 || newItems.length > 0"
class="column"
style="gap: var(--size-4)"
>
<!-- NOTE: START - item --> <!-- NOTE: START - item -->
<div class="row q-col-gutter-md"> <div class="row q-col-gutter-md">
<div v-for="(item, i) in items" :key="i" :class="`${itemClass}`"> <div v-for="(item, i) in items" :key="i" :class="`${itemClass}`">
@ -107,12 +111,7 @@ function assignSelect(to: unknown[], from: unknown[]) {
</div> </div>
<!-- NOTE: END - item --> <!-- NOTE: END - item -->
<q-separator <q-separator v-if="newItems.length !== 0" dark inset />
v-if="newItems.length !== 0"
dark
inset
:class="{ 'q-mb-md': !$q.screen.lt.md, 'q-my-md': $q.screen.lt.md }"
/>
<!-- NOTE: START - newItem --> <!-- NOTE: START - newItem -->
<div v-if="newItems.length !== 0" class="row q-col-gutter-md"> <div v-if="newItems.length !== 0" class="row q-col-gutter-md">