Skip to content

Commit 737b845

Browse files
committed
refactor: MainPage 컴포넌트에서 className prop 제거 및 이미지 속성 수정
1 parent 924114d commit 737b845

File tree

1 file changed

+17
-23
lines changed

1 file changed

+17
-23
lines changed

src/pages/main/index.tsx

Lines changed: 17 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -3,48 +3,42 @@ import StampBoard from './components/stampBoard/StampBoard';
33
import { ControlBar } from '@/shared/components';
44
import Image from 'next/image';
55

6-
export interface MainPageProps {
7-
className?: string;
8-
}
9-
10-
export default function MainPage({ className }: MainPageProps) {
6+
export default function MainPage() {
117
return (
12-
<div
13-
className={cn('px-[2.4rem] bg-white flex flex-col gap-[1rem]', className)}
14-
>
8+
<div className={cn('px-[2.4rem] bg-white flex flex-col gap-[1rem]')}>
159
<ControlBar
1610
isLoggedIn={false}
1711
onLogin={() => {}}
1812
userName='글다'
1913
className='fixed top-[0.6rem] left-0 right-0 z-50 px-[2rem]'
2014
/>
2115

22-
<main className=' w-full pt-[72px] '>
23-
{/* 배너 */}
24-
<section className='relative w-full h-auto aspect-[354/79.43] pb-[1rem]'>
16+
<main className='w-full pt-[6.2rem] flex flex-col gap-4'>
17+
<section>
2518
<Image
2619
src='/assets/bannerMain.svg'
27-
alt='만화 속 부천 여행 배너 이미지'
28-
fill
29-
className='object-cover'
30-
sizes='w-full'
31-
priority
20+
alt='...'
21+
width={354}
22+
height={79}
23+
className='w-full h-auto object-cover block'
3224
/>
3325
</section>
3426

35-
{/* 보드판 */}
36-
<section className='relative w-full h-auto aspect-[354/426.36] pb-[1rem]'>
27+
<section
28+
onClick={() => {
29+
/* TODO: 페이지 이동 */
30+
}}
31+
>
3732
<Image
3833
src='/assets/board.svg'
3934
alt='보드판'
40-
fill
41-
className='object-cover'
42-
sizes='w-full'
35+
width={354}
36+
height={426.36}
37+
className='w-full h-auto object-cover block'
4338
/>
4439
</section>
4540

46-
{/* 스탬프 보드 */}
47-
<StampBoard count={3} total={8} className='mt-2' />
41+
<StampBoard count={3} total={8} />
4842
</main>
4943
</div>
5044
);

0 commit comments

Comments
 (0)