diff options
| author | Adam <[email protected]> | 2025-10-30 09:09:21 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-10-30 12:02:50 -0500 |
| commit | dcf865a889a97d00e36aa4d45464d1612b3281bd (patch) | |
| tree | f5a4aa8f213a0edb945be4f188dcc1454f05530c | |
| parent | 3b2093595957d988ef39a3f2b66d9e37feac8c26 (diff) | |
| download | opencode-dcf865a889a97d00e36aa4d45464d1612b3281bd.tar.gz opencode-dcf865a889a97d00e36aa4d45464d1612b3281bd.zip | |
wip: desktop work
| -rw-r--r-- | packages/desktop/src/pages/index.tsx | 24 |
1 files changed, 15 insertions, 9 deletions
diff --git a/packages/desktop/src/pages/index.tsx b/packages/desktop/src/pages/index.tsx index 30635a5ec..1ae39a6b3 100644 --- a/packages/desktop/src/pages/index.tsx +++ b/packages/desktop/src/pages/index.tsx @@ -272,7 +272,7 @@ export default function Page() { const TabVisual = (props: { file: LocalFile }): JSX.Element => { return ( <div class="flex items-center gap-x-1.5"> - <FileIcon node={props.file} class="_grayscale-100" /> + <FileIcon node={props.file} class="grayscale-100 group-data-[selected]/tab:grayscale-0" /> <span classList={{ "text-14-medium": true, @@ -311,15 +311,21 @@ export default function Page() { <div use:sortable classList={{ "h-full": true, "opacity-0": sortable.isActiveDraggable }}> <Tooltip value={props.file.path} placement="bottom" class="h-full"> <div class="relative h-full"> - <Tabs.Trigger value={props.file.path} class="peer/tab pr-7" onClick={() => props.onTabClick(props.file)}> + <Tabs.Trigger + value={props.file.path} + class="group/tab pl-3 pr-1" + onClick={() => props.onTabClick(props.file)} + > <TabVisual file={props.file} /> + <IconButton + icon="close" + class="mt-0.5 opacity-0 text-text-muted/60 group-data-[selected]/tab:opacity-100 + group-data-[selected]/tab:text-text group-data-[selected]/tab:hover:bg-border-subtle + hover:opacity-100 group-hover/tab:opacity-100" + variant="ghost" + onClick={() => props.onTabClose(props.file)} + /> </Tabs.Trigger> - <IconButton - icon="close" - 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" - variant="ghost" - onClick={() => props.onTabClose(props.file)} - /> </div> </Tooltip> </div> @@ -874,7 +880,7 @@ export default function Page() { const draggedFile = local.file.node(id) if (!draggedFile) return null return ( - <div 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"> + <div class="relative px-3 h-10 flex items-center bg-background-base border-x border-border-weak-base border-b border-b-transparent"> <TabVisual file={draggedFile} /> </div> ) |