From da4e069b595e148da214112f8758b0528b25126b Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Fri, 4 Apr 2025 17:20:57 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9C=84=EC=B9=98=EC=88=98=EC=A0=95=E3=85=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/input/FormSelect.vue | 46 +++++++++++++++--------------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/components/input/FormSelect.vue b/src/components/input/FormSelect.vue
index 5a127fe..79c009b 100644
--- a/src/components/input/FormSelect.vue
+++ b/src/components/input/FormSelect.vue
@@ -5,32 +5,34 @@
             <span v-if="isEssential" class="link-danger">*</span>
         </label>
         <div :class="isRow ? 'col-md-10' : 'col-md-12'">
-            <select v-if="isColor && (!data || data.length === 0)" class="form-select" disabled>
-                <option>사용가능한 컬러가 없습니다</option>
-            </select>
+            <div class="d-flex gap-2 align-items-center">
+                <select v-if="isColor && (!data || data.length === 0)" class="form-select" disabled>
+                    <option>사용가능한 컬러가 없습니다</option>
+                </select>
 
-            <!-- 데이터가 있는 경우 원래 select 표시 -->
-            <select v-else class="form-select" :id="name" v-model="selectData" :disabled="disabled" :style="isColor ? { color: selected } : {}" @blur="$emit('blur')">
-                <option v-for="(item, i) in data" :key="i" :value="isCommon ? item.value : i" :style="isColor ? { color: item.label } : {}">
-                    {{ isCommon ? item.label : item }}
-                </option>
-            </select>
+                <!-- 데이터가 있는 경우 원래 select 표시 -->
+                <select v-else class="form-select" :id="name" v-model="selectData" :disabled="disabled" :style="isColor ? { color: selected } : {}" @blur="$emit('blur')">
+                    <option v-for="(item, i) in data" :key="i" :value="isCommon ? item.value : i" :style="isColor ? { color: item.label } : {}">
+                        {{ isCommon ? item.label : item }}
+                    </option>
+                </select>
 
-            <div v-if="isBtn" class="ms-2">
-                    <slot name="append"></slot>
+                <div v-if="isBtn" class="ms-2">
+                        <slot name="append"></slot>
+                </div>
+
+                <div v-if="isColor && selected"
+                        class="w-px-40 h-px-30"
+                        :style="{backgroundColor: selected}">
+                </div>
+
+                <img v-if="isMbti && selected"
+                    role="img"
+                    class="w-px-30 h-px-40"
+                    :src="`/img/mbti/${selected.toLowerCase()}.png`"
+                    alt="MBTI image"/>
             </div>
 
-            <div v-if="isColor && selected"
-                    class="w-px-40 h-px-30"
-                    :style="{backgroundColor: selected}">
-            </div>
-
-            <img v-if="isMbti && selected"
-                role="img"
-                class="w-px-30 h-px-40"
-                :src="`/img/mbti/${selected.toLowerCase()}.png`"
-                alt="MBTI image"/>
-
             <div class="invalid-feedback" :class="isAlert ? 'd-block' : ''">{{ title }}를 확인해주세요.</div>
         </div>
     </div>