dominik/homepage-plus
1
0
Fork 0
mirror of https://github.com/DI0IK/homepage-plus.git synced 2025-07-12 16:08:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

improved static styles and x-browser scrollbars

Browse source
This commit is contained in:
Ben Phelps 2022-09-30 22:13:37 +03:00
parent 2271cc0044
commit f52c6f3b41
5 changed files with 61 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/styles/globals.css
View file

@ -9,33 +9,50 @@
padding: 0;
}
html,
body {
font-family: Manrope, "Manrope-Fallback", Arial, sans-serif;
overflow: hidden;
}
#page_wrapper {
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
overflow: overlay;
}
.light body::-webkit-scrollbar {
.light #page_container {
scrollbar-color: rgb(var(--color-300)) rgb(var(--color-200));
}
.dark #page_container {
scrollbar-color: rgb(var(--color-600)) rgb(var(--color-700));
}
.light ::-webkit-scrollbar {
width: 0.75em;
}
.light body::-webkit-scrollbar-track {
.light ::-webkit-scrollbar-track {
background-color: rgb(var(--color-200));
}
.light body::-webkit-scrollbar-thumb {
.light ::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-300));
border-radius: 0.25em;
}
.dark body::-webkit-scrollbar {
.dark ::-webkit-scrollbar {
width: 0.75em;
}
.dark body::-webkit-scrollbar-track {
.dark ::-webkit-scrollbar-track {
background-color: rgb(var(--color-700));
}
.dark body::-webkit-scrollbar-thumb {
.dark ::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-600));
border-radius: 0.25em;
}