mirror/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive.git synced 2026-04-24 00:17:47 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix windows multiple tab spacing (#2713)

Browse Source
This commit is contained in:
Madison Konig
2024-09-18 21:32:26 -07:00
committed by GitHub
parent d41b8c000b
commit 5825dcf397
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
interface/app/$libraryId/settings/Layout.tsx
View File

@@ -3,6 +3,7 @@ import { Outlet } from 'react-router';
import { useRouteTitle } from '~/hooks';
import { useOperatingSystem } from '~/hooks/useOperatingSystem';
import { useWindowState } from '~/hooks/useWindowState';
import { useTabsContext } from '~/TabsContext';
import DragRegion from '../../../components/DragRegion';
import { TopBarPortal } from '../TopBar/Portal';
@@ -12,11 +13,14 @@ import Sidebar from './Sidebar';
export const Component = () => {
const os = useOperatingSystem();
const windowState = useWindowState();
const ctx = useTabsContext()!;
useRouteTitle('Settings');
return (
<div className={`flex w-full flex-row bg-app ${os === 'windows' && 'mt-6'}`}>
<div
className={`flex w-full flex-row bg-app ${os === 'windows' && 'mt-6'} ${os === 'windows' && ctx.tabs.length > 1 && 'pt-9'}`}
>
{os === 'windows' && <TopBarPortal right={<TopBarOptions />} />}
<Sidebar />
<div className="relative w-full">