design: margin bottom style에 적용

오류 없이 확실히 적용되도록 style에 애니메이션 margin 적용
boostcampwm2023 · Jun 11, 2024 · 440a553 · 440a553
1 parent 1f6a46b
commit 440a553
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/frontend/src/components/projects/ProjectCreateInput.tsx b/frontend/src/components/projects/ProjectCreateInput.tsx
@@ -73,9 +73,8 @@ const ProjectCreateInput = ({
       className={`w-[100%] flex flex-col justify-end gap-[4.375rem] h-[${HEIGHT}%]`}
     >
       <div
-        className={`transition-all ease-in-out duration-1000 ${
-          targetStepIsCurrentStep ? `mb-[${MB}%]` : "mb-[-15%]"
-        }`}
+        className={`transition-all ease-in-out duration-1000`}
+        style={{ marginBottom: targetStepIsCurrentStep ? `${MB}%` : "-15%" }}
       >
         <label
           className="text-3xl font-semibold text-dark-gray"