layout.tsx (1151B)
1 import type { Metadata, Viewport } from "next"; 2 import { Noto_Sans_JP } from "next/font/google"; 3 import "./globals.css"; 4 5 const NotoSansJPFont400 = Noto_Sans_JP({ weight: "400", subsets: ["latin"] }); 6 const NotoSansJPFont700 = Noto_Sans_JP({ weight: "700", subsets: ["latin"] }); 7 8 export const metadata: Metadata = { 9 title: "Café Timer", 10 description: "カフェタイマー", 11 manifest: "/manifest.json", 12 appleWebApp: { 13 capable: true, 14 statusBarStyle: "default", 15 title: "Café Timer", 16 }, 17 formatDetection: { 18 telephone: false, 19 }, 20 }; 21 22 export const viewport: Viewport = { 23 themeColor: [ 24 { media: "(prefers-color-scheme: light)", color: "#fbfbfb" }, 25 { media: "(prefers-color-scheme: dark)", color: "#000000" }, 26 ], 27 width: "device-width", 28 initialScale: 1, 29 maximumScale: 1, 30 userScalable: false, 31 }; 32 33 export default function RootLayout({ 34 children, 35 }: Readonly<{ 36 children: React.ReactNode; 37 }>) { 38 return ( 39 <html lang="ja" className="h-full"> 40 <body 41 className={`${NotoSansJPFont700.className} ${NotoSansJPFont400.className} h-full`} 42 > 43 {children} 44 </body> 45 </html> 46 ); 47 }