💄 : #492 - Dropdown 컴포넌트 내 text 고정 width 및 말줄임표 설정

New-Barams · Mar 29, 2024 · e5527f6 · e5527f6
1 parent 659b773
commit e5527f6
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/Dropdown/index.scss b/src/components/Dropdown/index.scss
@@ -24,13 +24,17 @@
     justify-content: center;
     align-items: center;
     position: relative;
-    padding: 0.5rem 2rem;
+    padding: 0.5rem 1rem;
     border: 1px solid var(--origin-primary);
     border-radius: var(--border-radius);
     cursor: pointer;
 
     &__text {
       text-align: center;
+      width: 6rem; /* 1rem 크기로 고정된 div */
+      white-space: nowrap; 
+      overflow: hidden; 
+      text-overflow: ellipsis; 
       font-size: 1rem;
       line-height: 1rem;
     }
@@ -82,14 +86,14 @@
   }
 }
 
-.dropdown__remind-option__first{
+.dropdown__remind-option__first {
   z-index: 13;
 }
 
-.dropdown__remind-option__second{
+.dropdown__remind-option__second {
   z-index: 12;
 }
 
-.dropdown__remind-option__third{
+.dropdown__remind-option__third {
   z-index: 11;
 }