feat(ui): 칩 컴포넌트 드래그 방지 & 폰트 적용

sickgyun · Apr 27, 2024 · 70f65ef · 70f65ef
1 parent 0d73a33
commit 70f65ef
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/ui/src/Chip/index.tsx b/packages/ui/src/Chip/index.tsx
@@ -28,7 +28,16 @@ const StyledChip = styled.div<{ isSelected: boolean }>`
   border-radius: 100px;
   background: rgba(112, 70, 247, 0.08);
   cursor: pointer;
+
+  /* 드래그 방지 */
+  -ms-user-select: none;
+  -moz-user-select: -moz-none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  user-select: none;
+
   ${({ theme, isSelected }) => css`
+    ${theme.fonts.p1}
     ${isSelected &&
     css`
       outline: 1px solid ${theme.colors.primary};