rixty/KoboldAI-Client
1
1
Fork 0
mirror of https://github.com/KoboldAI/KoboldAI-Client.git synced 2025-06-05 21:59:24 +02:00
Code Issues Projects Releases Wiki Activity

Make scrollbars better

Browse Source 
mostly on chrome, the firefox allows less customization of the
scrollbars, although we can pretty much get the look we're going for
This commit is contained in:
somebody
2022-08-13 21:21:51 -05:00
parent 01dcbce391
commit b5d14ee0d0
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
static/koboldai.css
View File

@@ -47,6 +47,8 @@
--story_pinned_areas: "menuicon options gamescreen lefticon"
"menuicon inputrow inputrow lefticon";
--story_pinned_area_widths: 30px var(--story_options_size) auto 30px;
--scrollbar-color: #9b9b9b80;
--scrollbar-size: 6px;
}
/*----------------Folder Tabs--------------------*/
@@ -609,6 +611,30 @@ td.server_vars {
body {
background-color: var(--background);
color: var(--text);
/* Firefox scroll */
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-color);
}
/* Chrome, Safari scrollbar */
::-webkit-scrollbar {
width: var(--scrollbar-size);
height: var(--scrollbar-size);
}
::-webkit-scrollbar-track {
background: #9b9b9b80;
}
::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-color);
border-radius: 20px;
border: transparent;
}
::-webkit-scrollbar-thumb:hover {
background-color: #cacaca80;
}
@media only screen and (min-aspect-ratio: 7/5) {