feat: 디자인시스템 일부 수정 (#475)

* design: 통일성 위해 디자인 수정 * chore: v0.1.78 배포 * chore: hdesign 0.1.78 적용 * chore: v0.1.79 배포 및 적용
woowacourse-teams · Aug 22, 2024 · ff3bf13 · ff3bf13
1 parent 20e0818
commit ff3bf13
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 20 deletions.
diff --git a/HDesign/package-lock.json b/HDesign/package-lock.json
diff --git a/HDesign/package.json b/HDesign/package.json
@@ -1,6 +1,6 @@
 {
   "name": "haengdong-design",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

diff --git a/HDesign/src/components/Button/Button.style.ts b/HDesign/src/components/Button/Button.style.ts
@@ -46,21 +46,21 @@ const getButtonSizeStyle = (size: ButtonSize) => {
   const style = {
     small: css({
       padding: '0.5rem 0.75rem',
-      borderRadius: '0.75rem',
+      borderRadius: '0.5rem',
       fontFamily: 'Pretendard',
       fontSize: '0.75rem',
       fontWeight: '400',
     }),
     medium: css({
       padding: '0.75rem 1rem',
-      borderRadius: '1rem',
+      borderRadius: '0.75rem',
       fontFamily: 'Pretendard',
       fontSize: '1rem',
       fontWeight: '700',
     }),
     large: css({
       padding: '1rem 1.5rem',
-      borderRadius: '1.25rem',
+      borderRadius: '1rem',
       fontFamily: 'Pretendard',
       fontSize: '1.25rem',
       fontWeight: '700',

diff --git a/HDesign/src/components/DragHandleItem/DragHandleItem.style.ts b/HDesign/src/components/DragHandleItem/DragHandleItem.style.ts
@@ -8,8 +8,8 @@ export const dragHandleItemStyle = (theme: Theme, hasDragHandle: boolean, backgr
   css({
     display: 'flex',
     justifyContent: 'space-between',
-    padding: hasDragHandle ? '0.5rem 0.5rem 0.5rem 0.25rem' : '0.5rem',
-    borderRadius: '0.5rem',
+    padding: hasDragHandle ? '0.5rem 1rem 0.5rem 0.5rem' : '0.5rem 1rem',
+    borderRadius: '0.75rem',
     backgroundColor: theme.colors[backgroundColor],
   });
 

diff --git a/HDesign/src/components/DragHandleItemContainer/DragHandleItemContainer.tsx b/HDesign/src/components/DragHandleItemContainer/DragHandleItemContainer.tsx
@@ -24,7 +24,7 @@ export const DragHandleItemContainer: React.FC<DragHandleItemContainerProps> = (
 
   return (
     <div css={containerStyle(theme, backgroundColor)} {...htmlProps}>
-      <Flex justifyContent="spaceBetween" paddingInline="0.5rem">
+      <Flex justifyContent="spaceBetween" paddingInline="1rem">
         <Text textColor="gray" size="captionBold" onClick={onTopLeftTextClick}>
           {topLeftText}
         </Text>
@@ -33,7 +33,7 @@ export const DragHandleItemContainer: React.FC<DragHandleItemContainerProps> = (
         </Text>
       </Flex>
       {children}
-      <Flex justifyContent="spaceBetween" paddingInline="0.5rem">
+      <Flex justifyContent="spaceBetween" paddingInline="1rem">
         <Text textColor="gray" size="captionBold" onClick={onBottomLeftTextClick}>
           {bottomLeftText}
         </Text>

diff --git a/HDesign/src/components/EditableItem/EditableItem.style.ts b/HDesign/src/components/EditableItem/EditableItem.style.ts
@@ -8,8 +8,8 @@ export const editableItemStyle = (theme: Theme, backgroundColor: ColorKeys) =>
   css({
     display: 'flex',
     justifyContent: 'space-between',
-    padding: '0.5rem',
-    borderRadius: '0.5rem',
+    padding: '0.5rem 1rem',
+    borderRadius: '0.75rem',
     backgroundColor: theme.colors[backgroundColor],
   });
 

diff --git a/HDesign/src/components/FixedButton/FixedButton.style.ts b/HDesign/src/components/FixedButton/FixedButton.style.ts
@@ -47,7 +47,7 @@ export const deleteButtonStyle = (theme: Theme) => [
     color: theme.colors.white,
 
     fontFamily: 'Pretendard',
-    fontSize: '1.25rem',
+    fontSize: '1rem',
     fontWeight: '700',
     lineHeight: '1',
 
@@ -66,7 +66,7 @@ const getFixedButtonDefaultStyle = (theme: Theme) =>
     display: 'flex',
     justifyContent: 'center',
     padding: '1rem 1.5rem',
-    borderRadius: '1.25rem',
+    borderRadius: '1rem',
     width: '100%',
 
     fontFamily: 'Pretendard',

diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -68,7 +68,7 @@
     "@emotion/react": "^11.11.4",
     "@sentry/react": "^8.25.0",
     "@tanstack/react-query": "^5.51.23",
-    "haengdong-design": "^0.1.77",
+    "haengdong-design": "^0.1.79",
     "react": "^18.3.1",
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.3.1",