Skip to content

Commit

Permalink
refactor: 피그마 디자인 수정사항 반영 (#8)
Browse files Browse the repository at this point in the history
- 배경색상 변경
- UX 라이팅 변경
NeoSelf1 committed Aug 23, 2024
1 parent 81a3f45 commit 3efb31d
Showing 3 changed files with 9 additions and 6 deletions.
2 changes: 1 addition & 1 deletion src/app/layout.tsx
Original file line number Diff line number Diff line change
@@ -22,7 +22,7 @@ export default function RootLayout({
}>) {
return (
<html lang="ko">
<body className={`${pretendard.className} bg-gray-100 overflow-x-hidden`}>
<body className={`${pretendard.className} bg-white overflow-x-hidden`}>
<ClipContainer>
<main className="flex-grow overflow-y-auto">{children}</main>
</ClipContainer>
11 changes: 7 additions & 4 deletions src/app/page.tsx
Original file line number Diff line number Diff line change
@@ -15,28 +15,31 @@ const Home = () => {
className="pointer-events-none"
/>
</div>
{/* 배경 그라데이션 */}
<div className="absolute inset-0 z-10 bg-gradient-to-t from-black/80 via-black/70 to-transparent"></div>

<div className="absolute inset-0 z-10 bg-gradient-to-t from-black/80 via-black/70 to-transparent" />
<div className="relative z-20 h-full flex flex-col justify-between">
<div className="pl-[1.25rem]">
<h1 className="body-2 mt-[6.94rem] mb-[0.64rem] text-white">
순간을 Chik다,
<br />
칙스냅
</h1>

<div className="w-[6.3125rem] h-[0.125rem] rounded-[12.5rem] bg-white/40" />
</div>

<div className="flex flex-col">
<div className="pl-[1.25rem]">
<h1 className="heading text-white mb-[1rem]">
스냅 작가님을
<br />
찾고 있으신가요?
</h1>

<p className="body-2 text-white mb-[3.25rem]">
나에게 맞는 스냅 작가님을 찾기
나만을 위한, 내가 원하는 스타일에 맞는
<br />
어려우셨다면 저희가 찾아드릴게요!
작가를 칙스냅에서 찾아보세요
</p>
</div>

2 changes: 1 addition & 1 deletion src/components/ClipContainer.tsx
Original file line number Diff line number Diff line change
@@ -58,7 +58,7 @@ const ClipContainer = ({ children }: any) => {
</div>

{path !== '/' && path !== '/request-notification' && (
<div className={`bg-white px-[1rem] h-[3.5rem] flex items-center`}>
<div className="bg-white px-4 h-[3.5rem] flex items-center border-b border-gray-50">
<div className="cursor-pointer" onClick={() => router.back()}>
<div className="flex w-[1.5rem] h-[1.5rem]">
<Image

0 comments on commit 3efb31d

Please sign in to comment.