aniva/Chrysoblog
aniva
/
Chrysoblog
1
1
Fork 0
Code Issues 9 Pull Requests 1 Packages Projects Releases Wiki Activity

feat: Use svh for front cover and theme-color

This commit is contained in:
Leni Aniva 2025-02-04 20:35:55 -08:00
parent 4b9a131d35
commit 2b11a969fc
Signed by: aniva
GPG Key ID: 4D9B1C8D10EA4C50
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head% %sveltekit.head%
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
<meta name="theme-color" content="#028760" />
</head> </head>
<body data-sveltekit-preload-data="hover" class="font-serif"> <body data-sveltekit-preload-data="hover" class="font-serif">
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>

4
src/routes/+page.svelte
View File

@ -120,8 +120,8 @@
background-position: center center; background-position: center center;
z-index: -10; z-index: -10;
position: absolute; position: absolute;
min-width: 100vw; min-width: 100svw;
height: 100vh; height: 100svh;
overscroll-behaviour: none; overscroll-behaviour: none;
} }
#front { #front {