new scroll bar because chrome sucks
This commit is contained in:
parent
cdb87f7003
commit
88ad63fada
3 changed files with 18 additions and 2 deletions
16
src/app.css
16
src/app.css
|
@ -25,3 +25,19 @@ body {
|
|||
.hero > div {
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 3.5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #c4bef3;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #9d98c2;
|
||||
}
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
<body data-sveltekit-preload-data="hover">
|
||||
<body style="overflow-x: hidden" data-sveltekit-preload-data="hover">
|
||||
<div style="display: contents">%sveltekit.body%</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -32,7 +32,7 @@
|
|||
</div>
|
||||
|
||||
{#key $page.url}
|
||||
<div in:fade class="container mx-auto min-h-[calc(100vh-6rem)]">
|
||||
<div in:fade class="container mx-auto min-h-[calc(100vh-4.125rem)]">
|
||||
<slot />
|
||||
</div>
|
||||
{/key}
|
||||
|
|
Loading…
Reference in a new issue