design: transition 시간 조정

pickly-team · Sep 29, 2023 · e42d1fb · e42d1fb
1 parent 0edc0b7
commit e42d1fb
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/common-ui/Collapsible.tsx b/src/common-ui/Collapsible.tsx
@@ -35,7 +35,7 @@ const ToggleCard = styled.div`
 const IconSection = styled.div<{ open: boolean }>`
   margin-right: 15px;
   display: inline-block;
-  transition: transform 0.3s ease;
+  transition: transform 0.5s ease;
   transform: rotate(${(props) => (props.open ? '90deg' : '0deg')});
 `;
 
@@ -44,10 +44,10 @@ const ToggleBody = styled.div<{ open: boolean }>`
   flex-direction: row;
   align-items: center;
 
-  max-height: ${(props) => (props.open ? getRem(250) : '0')};
+  max-height: ${(props) => (props.open ? getRem(500) : '0')};
   opacity: ${(props) => (props.open ? '1' : '0')};
   overflow: hidden;
-  transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
+  transition: all 0.3s ease;
 
   gap: ${getRem(10)};
   background: #313131;