faa09bd2bf
* feat: desktop revamp * feat: refactor system monitor * fix linter CI * remove unused import component * added responsive and resizeable component * responsive and resizeable local server page * finalize responsive and resizeable component * fix scroll custom ui * remove react scroll to bottom from modal troubleshoot * fix modal troubleshoot ui * fix setting gpu list * text area custom scroll bar * fix padding message input * cleanup classname * update inference engine model dropdown * update loader style * update quick ask ui * prepare theme provider * update dark theme * remove update hotkey list model and navigation * fix: cleanup hardcode classname * fix: update feedback * Set native theme electron * update destop ui revamp from feedback * update button icon component insider icon chat input message * update model dropdown ui * update tranaparent baclground * update logo model provider * fix: set background material acrylic support to blur background windows * fix: update tranparent left and right panel * fix: linter CI * update app using frameless window * styling custom style minimize, maximize and close app * temporary hidden maximize window * fix: responsive left and right panel * fix: enable click outside when leftpanel responsive * fix: remove unused import * update transparent variable css windows * fix: ui import model * feat: Support Theme system (#2946) * feat: update support theme system * update select component * feat: add theme folder in root project * fix: padding left and right center panel * fix: update padding left and right * chore: migrate themes * fix: rmdirsync error * chore: update gitignore * fix: cp recursive * fix: files electron package json * fix: migration * fix: update fgit ignore --------- Co-authored-by: Louis <louis@jan.ai> * fix: update feedback missing state when refrash app * fix: error test CI * chore: refactor useLoadThemes * chore: cleanup unused vars * fix: revert back menubar windows * fix minor ui * fix: minor ui --------- Co-authored-by: Louis <louis@jan.ai>
70 lines
1.2 KiB
SCSS
70 lines
1.2 KiB
SCSS
.scroll-area {
|
|
position: relative;
|
|
z-index: 999;
|
|
|
|
&__root {
|
|
width: 200px;
|
|
height: 225px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
&__viewport {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: inherit;
|
|
}
|
|
|
|
&__bar {
|
|
display: flex;
|
|
user-select: none;
|
|
touch-action: none;
|
|
padding: 1px;
|
|
background: hsla(var(--scrollbar-tracker));
|
|
transition: background 160ms ease-out;
|
|
}
|
|
|
|
&__thumb {
|
|
flex: 1;
|
|
background: hsla(var(--scrollbar-thumb));
|
|
border-radius: 20px;
|
|
position: relative;
|
|
|
|
::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 100%;
|
|
height: 100%;
|
|
min-width: 44px;
|
|
min-height: 44px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.scroll-area__bar[data-orientation='vertical'] {
|
|
width: 8px;
|
|
}
|
|
|
|
.scroll-area__bar[data-orientation='horizontal'] {
|
|
flex-direction: column;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
::-webkit-scrollbar-track,
|
|
::-webkit-scrollbar-thumb {
|
|
background-clip: content-box;
|
|
border-radius: inherit;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: hsla(var(--scrollbar-tracker));
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: hsla(var(--scrollbar-thumb));
|
|
}
|