style: 버튼 컴포넌트, 카테고리 추가 버튼 hover 스타일 추가

resumeme · Dec 2, 2023 · a04a717 · a04a717
1 parent 344c356
commit a04a717
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/components/atoms/Button/Button.tsx b/src/components/atoms/Button/Button.tsx
@@ -16,6 +16,12 @@ const Button = forwardRef<ButtonProps, 'button'>(
       size={size}
       {...props}
       ref={ref}
+      _hover={{
+        opacity: '80%',
+      }}
+      _groupHover={{
+        opacity: '80%',
+      }}
     >
       {children}
     </ChakraButton>

diff --git a/src/components/molecules/CategoryAddHeader/CategoryAddHeader.tsx b/src/components/molecules/CategoryAddHeader/CategoryAddHeader.tsx
@@ -23,6 +23,9 @@ const CategoryAddHeader = ({ categoryTitle, onAddItem }: CategoryAddHeaderProps)
         borderRadius={'1.22rem'}
         bg={'none'}
         onClick={onAddItem}
+        _hover={{
+          bg: 'primary.100',
+        }}
       >
         <AddIcon color={'primary.900'} />
       </Button>