diff --git a/README copy.md b/README copy.md deleted file mode 100644 index c403366..0000000 --- a/README copy.md +++ /dev/null @@ -1,36 +0,0 @@ -This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). - -## Getting Started - -First, run the development server: - -```bash -npm run dev -# or -yarn dev -# or -pnpm dev -# or -bun dev -``` - -Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. - -You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. - -This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. - -## Learn More - -To learn more about Next.js, take a look at the following resources: - -- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. -- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. - -You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! - -## Deploy on Vercel - -The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. - -Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000..26994e7 Binary files /dev/null and b/public/favicon.png differ diff --git a/src/app/favicon.ico b/src/app/favicon.ico index 718d6fe..6a199cf 100644 Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ diff --git a/src/app/layout.module.scss b/src/app/layout.module.scss new file mode 100644 index 0000000..1a783d6 --- /dev/null +++ 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); + +} \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 39a6560..c431fca 100644 --- 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 ( - {children} + {/* + + */} + +
+
+ {children} +
+
+ ); } diff --git a/src/app/page.module.scss b/src/app/page.module.scss index dbebf88..596c6b4 100644 --- a/src/app/page.module.scss +++ b/src/app/page.module.scss @@ -14,7 +14,7 @@ } button{ margin: 5px; - width: 60vw; + width: 250px; } } .smallfont {