fix: 캐릭터 생성 레이아웃 수정

Nexters · Feb 29, 2024 · e0a8502 · e0a8502
1 parent 98d1c65
commit e0a8502
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/create-character/index.tsx b/src/components/create-character/index.tsx
@@ -97,7 +97,7 @@ export default function CreateCharacter() {
                         }}
                     >
                         <StepperHeader />
-                        <CarouselContent style={{ minHeight: '100dvh' }} className="m-0 p-0">
+                        <CarouselContent style={{ height: '100dvh', minHeight: '660px' }} className="m-0 p-0">
                             {STEPS.map((step, idx) => (
                                 <StepContainer key={idx}>{step}</StepContainer>
                             ))}

diff --git a/src/components/create-character/stepper-header.tsx b/src/components/create-character/stepper-header.tsx
@@ -19,7 +19,7 @@ export default function StepperHeader() {
     return (
         <>
             {step !== null && step >= 1 && step <= 5 && (
-                <div className="fixed z-[999] mx-auto flex w-screen  min-w-[350px] flex-col items-center bg-white lg:w-[400px]">
+                <div className="absolute z-[999] mx-auto flex w-screen  min-w-[350px] flex-col items-center bg-white lg:w-[400px]">
                     <TopBar>
                         <TopBar.Left>
                             <button className="flex h-full w-[16px] items-center " onClick={handlePrevClick}>