brandan/personal-website
1
0
Fork 0
Code Pull requests Activity

new scroll bar because chrome sucks

Browse source
This commit is contained in:
cirroskais 2024-04-21 02:25:35 -04:00
parent cdb87f7003
commit 88ad63fada
No known key found for this signature in database
GPG key ID: 5FC73EBF2678E33D
3 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/app.css
View file

@ -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;
}

2
src/app.html
View file

@ -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>

2
src/routes/+layout.svelte
View file

@ -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}