fix: Dialog 말줄임 설정

YAPP-Github · Mar 22, 2024 · 74b2d80 · 74b2d80
1 parent e873081
commit 74b2d80
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Layout/components/ProfileButton.tsx b/src/components/Layout/components/ProfileButton.tsx
@@ -34,7 +34,7 @@ const ProfileButton = () => {
       <Dropdown.List>
         <Dropdown.Title>
           <Icon icon="profileDialog" width={40} height={40} />
-          <span className={styles.profileName}>{data?.nickname}님</span>
+          <span className={styles.profileName}>{data?.nickname}</span>님
         </Dropdown.Title>
         <Dropdown.Item
           onClick={() => router.push('/profile')}

diff --git a/src/components/Layout/style.css.ts b/src/components/Layout/style.css.ts
@@ -77,6 +77,10 @@ export const profileName = style([
     verticalAlign: 'middle',
     display: 'inline-block',
     marginLeft: '8px',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    maxWidth: '112px',
+    textOverflow: 'ellipsis',
   },
 ]);