diff options
| author | Adam <[email protected]> | 2025-09-19 09:38:10 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-09-19 09:38:10 -0500 |
| commit | 37e264445229419ffaeb6206275de20f1ffb9114 (patch) | |
| tree | 97727653c9365d36db4e86a09d03c01529d88b1c | |
| parent | 22a78cf13f1056cfd00c80dee4434e237b30980c (diff) | |
| download | opencode-37e264445229419ffaeb6206275de20f1ffb9114.tar.gz opencode-37e264445229419ffaeb6206275de20f1ffb9114.zip | |
wip: desktop visual tweaks
| -rw-r--r-- | packages/app/src/pages/index.tsx | 8 | ||||
| -rw-r--r-- | packages/app/src/ui/tabs.tsx | 4 |
2 files changed, 6 insertions, 6 deletions
diff --git a/packages/app/src/pages/index.tsx b/packages/app/src/pages/index.tsx index 14c88182f..5de15e9a8 100644 --- a/packages/app/src/pages/index.tsx +++ b/packages/app/src/pages/index.tsx @@ -286,8 +286,8 @@ export default function Page() { <Show when={local.session.active()} fallback={<SessionList />}> {(activeSession) => ( <div class="relative"> - <div class="sticky top-0 bg-background z-50 p-2 h-9 border-b border-border-subtle/30"> - <div class="flex items-center gap-2"> + <div class="sticky top-0 bg-background z-50 px-2 h-8 border-b border-border-subtle/30"> + <div class="h-full flex items-center gap-2"> <IconButton size="xs" variant="ghost" @@ -451,7 +451,7 @@ export default function Page() { const draggedFile = local.file.node(activeItem()!) return ( <div - class="relative px-3 h-9 flex items-center + class="relative px-3 h-8 flex items-center text-sm font-medium text-text whitespace-nowrap shrink-0 bg-background-panel border-x border-border-subtle/40 border-b border-b-transparent" @@ -582,7 +582,7 @@ const SortableTab = (props: { <TabVisual file={props.file} /> </Tabs.Trigger> <IconButton - class="absolute right-1 top-2 opacity-0 text-text-muted/60 + class="absolute right-1 top-1.5 opacity-0 text-text-muted/60 peer-data-[selected]/tab:opacity-100 peer-data-[selected]/tab:text-text peer-data-[selected]/tab:hover:bg-border-subtle hover:opacity-100 peer-hover/tab:opacity-100" diff --git a/packages/app/src/ui/tabs.tsx b/packages/app/src/ui/tabs.tsx index 80a7d6a15..d82d3327a 100644 --- a/packages/app/src/ui/tabs.tsx +++ b/packages/app/src/ui/tabs.tsx @@ -18,7 +18,7 @@ function TabsList(props: TabsListProps) { classList={{ "relative flex items-center bg-background overflow-x-auto no-scrollbar": true, "divide-x divide-border-subtle/40": true, - "after:content-[''] after:block after:grow after:h-9": true, + "after:content-[''] after:block after:grow after:h-8": true, "after:border-l empty:after:border-l-0! after:border-b after:border-border-subtle/40": true, [local.class ?? ""]: !!local.class, }} @@ -32,7 +32,7 @@ function TabsTrigger(props: ParentProps<TabsTriggerProps>) { return ( <KobalteTabs.Trigger classList={{ - "relative px-3 h-9 flex items-center": true, + "relative px-3 h-8 flex items-center": true, "text-sm font-medium text-text-muted/60 cursor-pointer": true, "whitespace-nowrap shrink-0 border-b border-border-subtle/40": true, "disabled:pointer-events-none disabled:opacity-50": true, |