diff options
| author | Alex Yaroshuk <[email protected]> | 2026-01-22 20:53:55 +0800 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-22 06:53:55 -0600 |
| commit | aa17729008cfeb94c550c0b1b0f14aeae54a372a (patch) | |
| tree | c58682d14cae9d536604fafb1c079702f1431c6f | |
| parent | b59f3e68114c98eba4bc2065839c5352c1de3f9f (diff) | |
| download | opencode-aa17729008cfeb94c550c0b1b0f14aeae54a372a.tar.gz opencode-aa17729008cfeb94c550c0b1b0f14aeae54a372a.zip | |
feat(app): add scrollbar styling to session page (#10020)
| -rw-r--r-- | packages/app/src/index.css | 26 | ||||
| -rw-r--r-- | packages/app/src/pages/session.tsx | 2 |
2 files changed, 27 insertions, 1 deletions
diff --git a/packages/app/src/index.css b/packages/app/src/index.css index 4edbe2440..3d7b9db7a 100644 --- a/packages/app/src/index.css +++ b/packages/app/src/index.css @@ -29,3 +29,29 @@ *[data-tauri-drag-region] { app-region: drag; } + +.session-scroller::-webkit-scrollbar { + width: 10px !important; + height: 10px !important; +} + +.session-scroller::-webkit-scrollbar-track { + background: transparent !important; + border-radius: 5px !important; +} + +.session-scroller::-webkit-scrollbar-thumb { + background: var(--border-weak-base) !important; + border-radius: 5px !important; + border: 3px solid transparent !important; + background-clip: padding-box !important; +} + +.session-scroller::-webkit-scrollbar-thumb:hover { + background: var(--border-weak-base) !important; +} + +.session-scroller { + scrollbar-width: thin !important; + scrollbar-color: var(--border-weak-base) transparent !important; +} diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx index a4ce6493d..26721bf92 100644 --- a/packages/app/src/pages/session.tsx +++ b/packages/app/src/pages/session.tsx @@ -1389,7 +1389,7 @@ export default function Page() { autoScroll.handleScroll() if (isDesktop() && autoScroll.userScrolled()) scheduleScrollSpy(e.currentTarget) }} - class="relative min-w-0 w-full h-full overflow-y-auto no-scrollbar" + class="relative min-w-0 w-full h-full overflow-y-auto session-scroller" style={{ "--session-title-height": info()?.title ? "40px" : "0px" }} > <Show when={info()?.title}> |