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

Merge pull request #31 from one-some/ui2-better-scrollbars

Browse Source 
Make scrollbars better
This commit is contained in:
ebolam
2022-08-14 10:29:22 -04:00
committed by GitHub
parent 2527d8db09 b5d14ee0d0
commit 903b5b910b
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

@@ -48,6 +48,8 @@
--story_pinned_areas: "menuicon options gamescreen lefticon" --story_pinned_areas: "menuicon options gamescreen lefticon"
"menuicon inputrow inputrow lefticon"; "menuicon inputrow inputrow lefticon";
--story_pinned_area_widths: 30px var(--story_options_size) auto 30px; --story_pinned_area_widths: 30px var(--story_options_size) auto 30px;
--scrollbar-color: #9b9b9b80;
--scrollbar-size: 6px;
} }
/*----------------Folder Tabs--------------------*/ /*----------------Folder Tabs--------------------*/
@@ -669,6 +671,30 @@ td.server_vars {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--text); 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) { @media only screen and (min-aspect-ratio: 7/5) {