mirror of
https://github.com/spacedriveapp/spacedrive
synced 2024-07-14 11:14:08 +00:00
[ENG-1440] Move tab bar to below main top bar content (#1790)
* move tab bar below top bar * center text inside tabs
This commit is contained in:
parent
5578ff9cd5
commit
b6e7bd58e8
|
@ -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'
|
||||
|
|
Loading…
Reference in a new issue