summaryrefslogtreecommitdiffhomepage
path: root/packages/css/src/components/tabs.css
diff options
context:
space:
mode:
authorAdam <[email protected]>2025-10-17 12:05:52 -0500
committerAdam <[email protected]>2025-10-17 12:06:36 -0500
commit887a819f2444c8454a43049983d831194883c6cd (patch)
tree7247e5d619c6065a4b1c7d02c74366d43e7e3c05 /packages/css/src/components/tabs.css
parentfe8b3a25155c0aaad20b506d0ba6fc6b8f2d0e5b (diff)
downloadopencode-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.css95
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;
- }
- }
-}