Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-07 05:33:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-1440] Move tab bar to below main top bar content (#1790)

Browse source 
* move tab bar below top bar

* center text inside tabs
This commit is contained in:
Brendan Allan 2023-11-18 03:32:57 +11:00 committed by GitHub
parent 5578ff9cd5
commit b6e7bd58e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
interface/app/$libraryId/TopBar/index.tsx
View file

@ -48,7 +48,6 @@ const TopBar = () => {
transparentBg ? 'bg-app/0' : 'bg-app/90'
)}
>
{tabs && <Tabs />}
<div
data-tauri-drag-region
className={clsx(
@ -70,6 +69,8 @@ const TopBar = () => {
<div ref={ctx.setRight} className={clsx(ctx.fixedArgs && 'flex-1')} />
</div>
{tabs && <Tabs />}
{searchStore.isSearching && (
<>
<hr className="w-full border-t border-sidebar-divider bg-sidebar-divider" />
@ -109,7 +110,7 @@ function Tabs() {
<button
onClick={() => ctx.setTabIndex(index)}
className={clsx(
'duration-[50ms] group relative flex h-full min-w-[9rem] flex-row items-center justify-start px-4 pr-8 text-center',
'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'