From 5f6a3c0fcfe0f1523b90411bc650d5a325daeae3 Mon Sep 17 00:00:00 2001
From: khj0414 <khj0414@local-host.co.kr>
Date: Thu, 13 Mar 2025 12:08:24 +0900
Subject: [PATCH] =?UTF-8?q?=ED=88=AC=ED=91=9Ccss=E3=85=9C=E3=85=85?=
 =?UTF-8?q?=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/voteboard/voteCardCheckList.vue | 10 ++++++++--
 src/components/voteboard/voteLinkInput.vue     | 17 ++++++++++++-----
 src/views/voteboard/voteBoardList.vue          |  2 +-
 3 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/components/voteboard/voteCardCheckList.vue b/src/components/voteboard/voteCardCheckList.vue
index 9f6aa6f..889dbe0 100644
--- a/src/components/voteboard/voteCardCheckList.vue
+++ b/src/components/voteboard/voteCardCheckList.vue
@@ -10,7 +10,8 @@
                 @change="handleChange"
             >
             {{ data.LOCVOTCON }}
-            <a v-if="data.LOCVOTLIK" :href="data.LOCVOTLIK.startsWith('http') ? data.LOCVOTLIK : 'http://' + data.LOCVOTLIK" target="_blank">
+            <div></div>
+            <a v-if="data.LOCVOTLIK" :href="data.LOCVOTLIK.startsWith('http') ? data.LOCVOTLIK : 'http://' + data.LOCVOTLIK" class="d-inline-block text-truncate" target="_blank" rel="noopener noreferrer">
                 {{ data.LOCVOTLIK }}
             </a>
         </label>
@@ -54,5 +55,10 @@ const handleChange = (event) => {
 </script>
 
 <style>
-
+a {
+    max-width: 500px; /* 원하는 너비로 조정 */
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 </style>
diff --git a/src/components/voteboard/voteLinkInput.vue b/src/components/voteboard/voteLinkInput.vue
index fb9cd0c..ee65244 100644
--- a/src/components/voteboard/voteLinkInput.vue
+++ b/src/components/voteboard/voteLinkInput.vue
@@ -6,21 +6,22 @@
     <!-- 링크 입력창 (옆으로 나오게) -->
     <div
     v-if="isPopoverVisible"
-    class="popover-container d-flex align-items-center"
+    class="d-flex"
     >
     <input
         v-model="link"
         placeholder="URL을 입력해주세요"
-        class="form-control me-2"
-        style="min-width: 200px;"
+        class="form-control"
+        style="min-width: 500px;"
     />
     <save-btn class="btn-sm" @click="saveLink"/>
-
     </div>
 
     <!-- 등록된 링크, 입력창이 보이지 않고 등록된 링크만 보일 때 -->
     <span v-if="isLinkSaved && !isPopoverVisible" class="ms-2">
-    <a :href="formattedLink" target="_blank" rel="noopener noreferrer">{{ link }}</a>
+        <a :href="formattedLink" class="d-inline-block text-truncate" target="_blank" rel="noopener noreferrer">
+        {{ link }}
+        </a>
     </span>
 </div>
 </template>
@@ -60,4 +61,10 @@ display: flex;
 align-items: center;
 gap: 8px; /* 아이콘과 입력창 간격 조정 */
 }
+a {
+  max-width: 500px; /* 원하는 너비로 조정 */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>
diff --git a/src/views/voteboard/voteBoardList.vue b/src/views/voteboard/voteBoardList.vue
index 678ae89..0f5dd38 100644
--- a/src/views/voteboard/voteBoardList.vue
+++ b/src/views/voteboard/voteBoardList.vue
@@ -15,7 +15,7 @@
         </div>
 
         <!-- 투표리스트 -->
-        <div v-if="!voteListCardData" class="mt66"> ❌❌등록된 투표가 없습니다.❌❌</div>
+        <div v-if="voteListCardData.length == 0 " class="mt66">등록된 투표가 없습니다.</div>
         <vote-list
         :data="voteListCardData"
         @addContents="addContents"