Merge pull request #13 from LetsExercise/feat-favicon

[Feat] favicon
LetsExercise · Aug 5, 2024 · 9f574c4 · 9f574c4
2 parents b895365 + 193ea58
commit 9f574c4
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 40 deletions.
diff --git a/README copy.md b/README copy.md
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/layout.module.scss b/src/app/layout.module.scss
@@ -0,0 +1,16 @@
+.child {
+//   background-color: red;
+  width: 390px;
+//   border: 1px solid #000;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+}
+
+.parent {
+//   background-color: blue;
+  width: 100%;
+  height: 100vh;  
+  display: flex;
+  justify-content: center;
+//   shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,12 +1,16 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.scss";
-
+import Head from 'next/head';
+import favicon from "./favicon.ico";
 const inter = Inter({ subsets: ["latin"] });
-
+import style from "./layout.module.scss";
 export const metadata: Metadata = {
   title: "dailypet",
   description: "My Daily Companion, Daily Pet",
+  icons: {
+    icon: '/favicon.ico',
+  },
 };
 
 export default function RootLayout({
@@ -16,7 +20,16 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="ko">
-      <body className={inter.className}>{children}</body>
+      {/* <Head>
+        <link rel="icon" href="/favicon.ico" />
+      </Head> */}
+      <body>
+        <div className={style.parent}>
+          <div className={style.child}>
+            {children}
+          </div>
+        </div>
+      </body>
     </html>
   );
 }
diff --git a/src/app/page.module.scss b/src/app/page.module.scss
@@ -14,7 +14,7 @@
     }
     button{
         margin: 5px;
-        width: 60vw;
+        width: 250px;
     }
 }
 .smallfont {