diff --git a/src/app/globals.css b/src/app/globals.css index e88d38a..dccc27e 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -8,7 +8,7 @@ } .skeltonUi { @apply bg-[#f7f7f7] relative; - } + } .drag { -webkit-user-select: text; -moz-user-select: text; @@ -39,12 +39,6 @@ html { user-select: none; } -body { - min-height: 100vh; - margin: auto; - padding: 68px 0; -} - a { color: black; text-decoration: none; @@ -59,7 +53,6 @@ input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } - table { width: 100%; border: none; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 26836da..6358b04 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -18,7 +18,12 @@ export default function RootLayout({ return ( - +
{children} diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx index 2547886..6b90a08 100644 --- a/src/components/common/Header.tsx +++ b/src/components/common/Header.tsx @@ -1,6 +1,6 @@ "use client"; -import React from "react"; +import React, { useEffect } from "react"; import Image from "next/image"; import Logo from "@public/Logo.png"; import { Icon } from "@team-return/design-system"; @@ -10,6 +10,17 @@ import { useMyProfile } from "@/apis/students"; function Header() { const pathname = usePathname(); + useEffect(() => { + if ( + pathname.toString().indexOf("/apply") !== -1 || + pathname.toString().indexOf("/account") !== -1 + ) { + document.querySelector("body")!.style.backgroundColor = "#fafafa"; + } else { + document.querySelector("body")!.style.backgroundColor = "#ffffff"; + } + }, []); + if (pathname.toString().indexOf("/account") !== -1) { return null; } @@ -73,9 +84,7 @@ function Header() { {profile?.student_name}

-
- {/* */} -
+
{/* */}
); diff --git a/src/components/recruitments/apply/ShadowBox.tsx b/src/components/recruitments/apply/ShadowBox.tsx index fdef8b8..b88d221 100644 --- a/src/components/recruitments/apply/ShadowBox.tsx +++ b/src/components/recruitments/apply/ShadowBox.tsx @@ -9,7 +9,7 @@ interface PropsType { export default function ShadowBox({ children, width, height }: PropsType) { return (
{children}