Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

/srcの中の不要なファイルを削除し、必要なコードを追加 #9

Merged
merged 2 commits into from
Nov 6, 2024
Merged

/srcの中の不要なファイルを削除し、必要なコードを追加 #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b152ac5
/srcの中の不要なファイルを削除し、必要なコードを追加
MurakawaTakuya Nov 6, 2024
87c9728
初期状態からスマホサイズになるように変更
MurakawaTakuya Nov 6, 2024
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
3 changes: 3 additions & 0 deletions src/app/Components/Header/Header.module.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.header {
width: 100%;
}
5 changes: 5 additions & 0 deletions src/app/Components/Header/Header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
import styles from "./Header.module.scss";

export default function Header() {
return <header className={styles.header}>Todo Real(仮)</header>;
}
Binary file removed src/app/fonts/GeistMonoVF.woff
View file
Open in desktop
Binary file not shown.
Binary file removed src/app/fonts/GeistVF.woff
View file
Open in desktop
Binary file not shown.
42 changes: 0 additions & 42 deletions src/app/globals.scss
View file
Open in desktop

This file was deleted.

30 changes: 13 additions & 17 deletions src/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,15 @@
import "@/styles/globals.scss";
import type { Metadata } from "next";
import localFont from "next/font/local";
import "./globals.scss";

const geistSans = localFont({
src: "./fonts/GeistVF.woff",
variable: "--font-geist-sans",
weight: "100 900",
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff",
variable: "--font-geist-mono",
weight: "100 900",
});
import Header from "./Components/Header/Header";

export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
title: "Todo Real(仮)",
description: "BeRealとTodoアプリを組み合わせたアプリ",
};

export const viewport = {
width: "device-width",
initialScale: 1,
};

export default function RootLayout({
Expand All @@ -25,8 +19,10 @@ export default function RootLayout({
}>) {
return (
<html lang="ja">
<body className={`${geistSans.variable} ${geistMono.variable}`}>
{children}
<head></head>
<body>
<Header />
<main>{children}</main>
</body>
</html>
);
Expand Down
156 changes: 0 additions & 156 deletions src/app/page.module.scss
View file
Open in desktop

This file was deleted.

94 changes: 1 addition & 93 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,95 +1,3 @@
import Image from "next/image";
import styles from "./page.module.scss";

export default function Home() {
return (
<div className={styles.page}>
<main className={styles.main}>
<Image
className={styles.logo}
src="/next.svg"
alt="Next.js logo"
width={180}
height={38}
priority
/>
<ol>
<li>
Get started by editing <code>src/app/page.tsx</code>.
</li>
<li>Save and see your changes instantly.</li>
</ol>

<div className={styles.ctas}>
<a
className={styles.primary}
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
className={styles.logo}
src="/vercel.svg"
alt="Vercel logomark"
width={20}
height={20}
/>
Deploy now
</a>
<a
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
className={styles.secondary}
>
Read our docs
</a>
</div>
</main>
<footer className={styles.footer}>
<a
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
aria-hidden
src="/file.svg"
alt="File icon"
width={16}
height={16}
/>
Learn
</a>
<a
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
aria-hidden
src="/window.svg"
alt="Window icon"
width={16}
height={16}
/>
Examples
</a>
<a
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
aria-hidden
src="/globe.svg"
alt="Globe icon"
width={16}
height={16}
/>
Go to nextjs.org →
</a>
</footer>
</div>
);
return <></>;
}
25 changes: 25 additions & 0 deletions src/styles/globals.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
html {
background: linear-gradient(
0deg,
rgb(226 249 253) 10.5%,
rgb(231 247 242) 86.8%
);
margin: 0;
max-width: 100vw;
overflow-x: hidden;
padding: 0;
}

body {
background: white;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol", "Noto Color Emoji";
height: 100vh;
margin: 0 auto;
max-width: 700px;
}

main {
background: white;
}