Merge pull request #257 from SOPT-all/fix/#254/web-qa2

[Fix] 클래스 신청하기 페이지 bottom기준으로 수정
SOPT-all · Jan 23, 2025 · 4493ebf · 4493ebf
2 parents 63722da + 97b46e5
commit 4493ebf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/pages/reservation/components/TopInfoContent/index.css.ts b/src/pages/reservation/components/TopInfoContent/index.css.ts
@@ -24,6 +24,13 @@ export const gradientOverlayStyle = style({
 });
 
 export const textWrapperStyle = style({
-  position: 'relative',
+  display: 'flex',
+  position: 'absolute',
+  bottom: '3rem',
+  gap: '0.8rem',
+
+  paddingLeft: '2rem',
+  paddingRight:'2rem',
+  flexDirection: 'column',
   zIndex: vars.zIndex.two,
 });
diff --git a/src/pages/reservation/components/TopInfoContent/index.tsx b/src/pages/reservation/components/TopInfoContent/index.tsx
@@ -17,7 +17,7 @@ const TopInfoContent = ({ name, teacherNickname, imageUrl }: TopInfoContentProps
         }}>
         <div className={gradientOverlayStyle} />
 
-        <Flex direction="column" gap="0.8rem" paddingTop="12.4rem" paddingLeft="2rem" className={textWrapperStyle}>
+        <Flex className={textWrapperStyle}>
           <Head level="h3" tag="h4" color="white">
             {name}
           </Head>