fix

Nexters · Feb 26, 2024 · bfafaa8 · bfafaa8
1 parent fb9ec6a
commit bfafaa8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/components/create-character/fixed-bottom-area.tsx b/src/components/create-character/fixed-bottom-area.tsx
@@ -7,7 +7,7 @@ type Props = {
 export default function FixedBottomArea({ className, children, style }: Props) {
     return (
         <div
-            className={`absolute bottom-0 flex h-[auto] w-full flex-col items-center pt-[16px] ${className}`}
+            className={`fixed bottom-0 flex h-[auto] w-full flex-col items-center pt-[16px] ${className}`}
             style={style}
         >
             {children}

diff --git a/src/components/create-character/step-container.tsx b/src/components/create-character/step-container.tsx
@@ -2,5 +2,9 @@ import { PropsWithChildren } from 'react';
 import { CarouselItem } from '../ui-shadcn/carousel';
 
 export default function StepContainer({ children }: PropsWithChildren) {
-    return <CarouselItem className="relative m-0 flex w-full flex-col items-center p-0">{children}</CarouselItem>;
+    return (
+        <CarouselItem className="relative m-0 flex h-auto w-full flex-col items-center pl-0 pr-0 pt-0">
+            {children}
+        </CarouselItem>
+    );
 }
diff --git a/src/components/create-character/steps/select-keywords.tsx b/src/components/create-character/steps/select-keywords.tsx
@@ -41,7 +41,7 @@ export default React.memo(function SelectKeywords() {
         <>
             <div className="h-[52px] w-full" />
             <Intro title="캐릭터의 성격을 고르세요" description="최소 1개, 최대 3개 골라주세요." />
-            <div className="flex w-[327px] flex-wrap gap-[16px] ">
+            <div className="flex w-[327px] flex-wrap gap-[16px] pb-[100px] ">
                 {Keywords.map(({ id, name }) => (
                     <button
                         className={`flex h-auto w-auto items-center justify-center rounded-[8px] rounded-full px-[12px] py-[8px] text-semibold14 ${selected.includes(id) ? 'bg-primary-500 text-[#F6F8FC]' : 'bg-[#ECEFF5] text-[#C6CBD8] '}`}