From fc52acf541d3803cde591064ac6f02ff3dd5bf5f Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Mon, 7 Oct 2024 16:59:38 +0700
Subject: [PATCH] refactor: edit layout

---
 src/components/shared/SelectZone.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/shared/SelectZone.vue b/src/components/shared/SelectZone.vue
index a808ba87..3e5715a0 100644
--- a/src/components/shared/SelectZone.vue
+++ b/src/components/shared/SelectZone.vue
@@ -85,7 +85,11 @@ function assignSelect(to: unknown[], from: unknown[]) {
     <slot name="tab"></slot>
 
     <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 -->
         <div class="row q-col-gutter-md">
           <div v-for="(item, i) in items" :key="i" :class="`${itemClass}`">
@@ -107,12 +111,7 @@ function assignSelect(to: unknown[], from: unknown[]) {
         </div>
         <!-- NOTE: END - item -->
 
-        <q-separator
-          v-if="newItems.length !== 0"
-          dark
-          inset
-          :class="{ 'q-mb-md': !$q.screen.lt.md, 'q-my-md': $q.screen.lt.md }"
-        />
+        <q-separator v-if="newItems.length !== 0" dark inset />
 
         <!-- NOTE: START - newItem -->
         <div v-if="newItems.length !== 0" class="row q-col-gutter-md">