Merge pull request #33 from New-Syatte/design-patch-#22

Design patch #22
New-Syatte · Apr 24, 2024 · c123480 · c123480
2 parents d13f8ef + 67edb62
commit c123480
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 5 deletions.
diff --git a/src/app/(education)/education/EducationSlider.tsx b/src/app/(education)/education/EducationSlider.tsx
@@ -34,7 +34,7 @@ const EducationSlider = () => {
   };
 
   return (
-    <div className="w-full h-full flex justify-center items-center">
+    <div className="w-full h-full flex justify-center items-center overflow-hidden">
       <div className="w-[1163px] h-full edu-slick">
         <Slider {...settings}>
           {slideData.map(slide => (

diff --git a/src/app/(education)/education/page.tsx b/src/app/(education)/education/page.tsx
@@ -11,7 +11,7 @@ export default async function Page() {
       <TopBanner />
       <div
         className={
-          "flex flex-col justify-center items-center pt-24 pb-44 bg-bgGray"
+          "w-full h-[1140px] flex flex-col justify-center items-center pt-24 bg-bgGray"
         }
       >
         <span

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -82,13 +82,12 @@
 
 html {
   font-size: 16px;
+  overflow-x: hidden;
 }
 
 body {
   font-family: var(--font-family);
   position: relative;
-  overflow-x: hidden;
-  overflow-y: auto;
 }
 
 a {
@@ -107,5 +106,8 @@ a {
 
 .edu-slick .slick-list {
   overflow: visible;
-  touch-action: none;
+}
+
+.edu-slick .slick-track {
+  touch-action: pan-y;
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -3,6 +3,7 @@ import { EB_Garamond, Crimson_Pro, Noto_Sans_KR } from "next/font/google";
 import Footer from "@/layouts/footer/Footer";
 import Providers from "./Providers";
 import Header from "@/layouts/header/Header";
+import Head from "next/head";
 
 export const garamond = EB_Garamond({
   subsets: ["latin"],
@@ -41,6 +42,14 @@ export default async function RootLayout({ children }: RootLayoutProps) {
       lang="ko"
       className={`${garamond.variable} ${crimson.variable} ${notoSansKR.variable}`}
     >
+      <Head>
+        <title>{metadata.title}</title>
+        <meta name="description" content={metadata.description} />
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1"
+        />
+      </Head>
       <body>
         <Providers>
           {/* @ts-expect-error Async Server Component */}