Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 5 additions & 6 deletions components/Layout/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,11 @@ const Header = () => {
return (
<header className="bg-gray100 py-[13px] px-[32px] md:py-[33px] md:px-[200px] lg:py-[33px] lg:px-[200px]">
<div className="flex justify-between items-center max-w-[1520px]">
<Link
href={"/"}
className="w-[88.67px] h-[16px] md:w-[133px] md:h-[24px] lg:w-[133px] lg:h-[24px]"
>
<Image src={Logo} width={133} height={24} alt="로고" />
</Link>
<h1 className="w-[88.67px] h-[16px] md:w-[133px] md:h-[24px] lg:w-[133px] lg:h-[24px]">
<Link href={"/"}>
<Image src={Logo} width={133} height={24} alt="로고" />
</Link>
</h1>
<HeaderMenu />
</div>
</header>
Expand Down
11 changes: 6 additions & 5 deletions pages/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ import sectionFolder from "@/public/images/section_folder.png";
import sectionShare from "@/public/images/section_share.png";
import sectionSearch from "@/public/images/section_search.png";
import { useRouter } from "next/router";
import useAuthStore from "@/store/useAuthStore";

const sectionStyle =
"flex flex-col md:flex-row md:items-center md:gap-[51px] lg:flex-row lg:items-center lg:gap-[157px]";
Expand All @@ -19,11 +20,11 @@ const sectionImageStyle =

const HomePage = () => {
const router = useRouter();
const isLoggedIn = false;
const { isLoggedIn } = useAuthStore();

const handleClick = () => {
if (isLoggedIn) {
router.push("/share");
router.push("/link");
} else {
router.push("/login");
}
Expand All @@ -32,12 +33,12 @@ const HomePage = () => {
return (
<main>
<div className="flex flex-col items-center bg-gray100">
<h1 className="mt-[28px] text-[32px] leading-[42px] font-bold md:mt-[40px] lg:mt-[70px] md:text-[64px] md:leading-[80px] lg:text-[64px] lg:leading-[80px] text-center">
<h2 className="mt-[28px] text-[32px] leading-[42px] font-bold md:mt-[40px] lg:mt-[70px] md:text-[64px] md:leading-[80px] lg:text-[64px] lg:leading-[80px] text-center">
<span className="gradient-text">세상의 모든 정보</span>
를<br /> 쉽게 저장하고
<br className="lg:hidden" />
관리해 보세요
</h1>
<span className="hidden lg:inline">&nbsp;</span>관리해 보세요
</h2>
<SubmitButton
onClick={handleClick}
className="mt-[24px] w-[200px] h-[37px] text-[14px] md:mt-[40px] md:w-[350px] md:h-[53px] md:text-[18px] lg:mt-[40px] lg:w-[350px] lg:h-[53px] lg:text-[18px]"
Expand Down
Loading