diff options
| author | Adam <[email protected]> | 2025-10-17 12:05:52 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-10-17 12:06:36 -0500 |
| commit | 887a819f2444c8454a43049983d831194883c6cd (patch) | |
| tree | 7247e5d619c6065a4b1c7d02c74366d43e7e3c05 /packages/css/src/components/tabs.css | |
| parent | fe8b3a25155c0aaad20b506d0ba6fc6b8f2d0e5b (diff) | |
| download | opencode-887a819f2444c8454a43049983d831194883c6cd.tar.gz opencode-887a819f2444c8454a43049983d831194883c6cd.zip | |
wip: desktop work
Diffstat (limited to 'packages/css/src/components/tabs.css')
| -rw-r--r-- | packages/css/src/components/tabs.css | 95 |
1 files changed, 0 insertions, 95 deletions
diff --git a/packages/css/src/components/tabs.css b/packages/css/src/components/tabs.css deleted file mode 100644 index 3790859d1..000000000 --- a/packages/css/src/components/tabs.css +++ /dev/null @@ -1,95 +0,0 @@ -[data-component="tabs"] { - width: 100%; - height: 100%; - display: flex; - flex-direction: column; - border-width: 1px; - border-style: solid; - border-radius: var(--radius-sm); - border-color: var(--border-weak-base); - background-color: var(--background-weaker); - overflow: clip; - - & [data-slot="list"] { - width: 100%; - position: relative; - display: flex; - align-items: center; - overflow-x: auto; - - /* Hide scrollbar */ - scrollbar-width: none; - -ms-overflow-style: none; - &::-webkit-scrollbar { - display: none; - } - - /* After element to fill remaining space */ - &::after { - content: ""; - display: block; - flex-grow: 1; - height: 100%; - border-bottom: 1px solid var(--border-weak-base); - background-color: var(--background-weak); - border-top-right-radius: var(--radius-sm); - } - - &:empty::after { - display: none; - } - } - - & [data-slot="trigger"] { - position: relative; - height: 36px; - padding: 8px 12px; - display: flex; - align-items: center; - font-size: var(--text-sm); - font-weight: var(--font-weight-medium); - color: var(--text-weak); - cursor: pointer; - white-space: nowrap; - flex-shrink: 0; - border-bottom: 1px solid var(--border-weak-base); - border-right: 1px solid var(--border-weak-base); - background-color: var(--background-weak); - transition: - background-color 0.15s ease, - color 0.15s ease; - - &:disabled { - pointer-events: none; - color: var(--text-weaker); - } - &:focus-visible { - outline: none; - box-shadow: 0 0 0 2px var(--border-focus); - } - &[data-selected] { - color: var(--text-base); - background-color: transparent; - border-bottom-color: transparent; - } - &:hover:not(:disabled):not([data-selected]) { - color: var(--text-strong); - } - } - - & [data-slot="content"] { - overflow-y: auto; - flex: 1; - - /* Hide scrollbar */ - scrollbar-width: none; - -ms-overflow-style: none; - &::-webkit-scrollbar { - display: none; - } - - &:focus-visible { - outline: none; - } - } -} |
