[ENG-1459] Tabs visual tweak (#1818)

Update index.tsx
This commit is contained in:
ameer2468 2023-11-24 13:57:28 +03:00 committed by GitHub
parent 98c0004c10
commit ff209a4b10
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -117,7 +117,7 @@ function Tabs() {
'duration-[50ms] group relative flex h-full min-w-[10rem] shrink-0 flex-row items-center justify-center px-8 text-center',
ctx.tabIndex === index
? 'text-ink'
: 'top-bar-blur bg-sidebar transition-colors hover:bg-app/50'
: 'top-bar-blur border-t border-sidebar-divider bg-sidebar/30 text-ink-faint/60 transition-colors hover:bg-app/50'
)}
key={index}
>
@ -128,7 +128,7 @@ function Tabs() {
e.stopPropagation();
removeTab(index);
}}
className="absolute right-2 rounded p-1 opacity-0 transition-opacity hover:bg-app-selected group-hover:opacity-100"
className="absolute right-2 rounded p-1 text-ink opacity-0 transition-opacity hover:bg-app-selected group-hover:opacity-100"
>
<X />
</div>
@ -136,7 +136,7 @@ function Tabs() {
</button>
))}
<div
className="flex h-full flex-1 items-center justify-start bg-sidebar px-2"
className="flex h-full flex-1 items-center justify-start border-t border-sidebar-divider bg-sidebar/30 px-2"
data-tauri-drag-region
>
<Tooltip keybinds={[keybind.icon, 'T']} label="New Tab">