Fayorg
/
calendrier-avent
mirror of https://github.com/Fayorg/calendrier-avant.git
1
0
Fork 0
Code Activity

fix to style

This commit is contained in:
timhaller 2023-12-11 13:28:30 +01:00
parent 462f951318
commit 03e91d766e
2 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/layout.tsx
View File

@ -1,12 +1,19 @@
import type { Metadata } from 'next';
import { Inter } from 'next/font/google';
import '@styles/global.css';
const inter = Inter({ subsets: ['latin'] });
import type { Metadata } from "next";
export const metadata: Metadata = {
title: 'Calendrier de l\'avent',
description: 'Calendrier de l\'avent de maths de la 3M03',
};
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<head><title></title><meta name="viewport" content="viewport-fit=cover" /></head>
<body className={inter.className}>{children}</body>
</html>
);

19
styles/global.css
View File

@ -47,4 +47,23 @@
--input: 0 0% 80%;
--ring: 348 71% 60%;
}
html {
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
background-color: black;
}
body {
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
background-color: black;
}
/* If using React, set height on the root div as well */
#root {
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
background-color: black;
}
}