From 5212c4f6d83a214f965542bb8ece6acefc1e0aa7 Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Thu, 20 Mar 2025 14:26:31 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EB=B2=84=ED=8A=BC=20css=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/wordDict/DictWrite.vue | 36 ++++++++-------------------
 1 file changed, 10 insertions(+), 26 deletions(-)

diff --git a/src/components/wordDict/DictWrite.vue b/src/components/wordDict/DictWrite.vue
index 083110f..6472e7e 100644
--- a/src/components/wordDict/DictWrite.vue
+++ b/src/components/wordDict/DictWrite.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="dataList.length > 0">
+    <div v-if="dataList.length > 0" >
         <FormSelect
             class="me-5"
             name="cate"
@@ -10,14 +10,18 @@
             @change="onChange"
             :value="formValue"
             :is-essential="false"
-        />
-        <div v-if="!isDisabled" class="add-btn">
-            <PlusBtn @click="toggleInput"/>
-        </div>
+            :is-btn="true"
+        >
+        <template v-slot:append>
+            <div v-if="!isDisabled">
+                <PlusBtn @click="toggleInput"/>
+            </div>
+        </template>
+        </FormSelect>
     </div>
     <div v-if="dataList.length === 0 || showInput">
         <FormInput
-            class="me-5 parent-class "
+            class="me-5 justify-content-end"
             ref="categoryInputRef"
             title="새 카테고리"
             :isLabel="dataList.length === 0 ?true : false"
@@ -204,23 +208,3 @@ const handleCategoryFocusout = (value) => {
 };
 
 </script>
-
-<style scoped>
-.dict-w {
-    width: 83%;
-}
-
-@media (max-width: 768px) {
-    .btn-margin {
-        margin-top: 2.5rem
-    }
-}
-.add-btn {
-    position: absolute;
-    right: 0.7rem;
-    top: 1.2rem;
-}
-.parent-class {
-  justify-content: flex-end;
-}
-</style>