diff options
| author | Adam <[email protected]> | 2026-02-20 10:43:18 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2026-02-20 10:54:17 -0600 |
| commit | fe89bedfcc6d97fdd4b8066c2c3d8eac92b531ea (patch) | |
| tree | 99eccf57e17ceb90e9f8b28829a8a5f9ab2ecbcc /packages/ui/src/styles | |
| parent | 1e48d7fe8228d94ded379e36975b2cce12f4a510 (diff) | |
| download | opencode-fe89bedfcc6d97fdd4b8066c2c3d8eac92b531ea.tar.gz opencode-fe89bedfcc6d97fdd4b8066c2c3d8eac92b531ea.zip | |
wip(app): custom scroll view
Diffstat (limited to 'packages/ui/src/styles')
| -rw-r--r-- | packages/ui/src/styles/index.css | 1 | ||||
| -rw-r--r-- | packages/ui/src/styles/tailwind/utilities.css | 28 |
2 files changed, 1 insertions, 28 deletions
diff --git a/packages/ui/src/styles/index.css b/packages/ui/src/styles/index.css index efe00e5f1..c0af0ac9b 100644 --- a/packages/ui/src/styles/index.css +++ b/packages/ui/src/styles/index.css @@ -44,6 +44,7 @@ @import "../components/select.css" layer(components); @import "../components/spinner.css" layer(components); @import "../components/switch.css" layer(components); +@import "../components/scroll-view.css" layer(components); @import "../components/session-review.css" layer(components); @import "../components/session-turn.css" layer(components); @import "../components/sticky-accordion-header.css" layer(components); diff --git a/packages/ui/src/styles/tailwind/utilities.css b/packages/ui/src/styles/tailwind/utilities.css index be305b4cb..4318b9ec1 100644 --- a/packages/ui/src/styles/tailwind/utilities.css +++ b/packages/ui/src/styles/tailwind/utilities.css @@ -8,34 +8,6 @@ } } -@utility session-scroller { - &::-webkit-scrollbar { - width: 10px; - height: 10px; - } - - &::-webkit-scrollbar-track { - background: transparent; - border-radius: 5px; - } - - &::-webkit-scrollbar-thumb { - background: var(--border-weak-base); - border-radius: 5px; - border: 3px solid transparent; - background-clip: padding-box; - } - - &::-webkit-scrollbar-thumb:hover { - background: var(--border-weak-base); - } - - & { - scrollbar-width: thin; - scrollbar-color: var(--border-weak-base) transparent; - } -} - @utility badge-mask { -webkit-mask-image: radial-gradient(circle 5px at calc(100% - 4px) 4px, transparent 5px, black 5.5px); mask-image: radial-gradient(circle 5px at calc(100% - 4px) 4px, transparent 5px, black 5.5px); |