This commit is contained in:
Ren Amamiya
2023-10-06 07:40:50 +07:00
parent cef6b9aca9
commit 1240353e30
20 changed files with 58 additions and 66 deletions

View File

@@ -1,13 +1,12 @@
import { Link, NavLink, Outlet, ScrollRestoration } from 'react-router-dom';
import { twMerge } from 'tailwind-merge';
import { Frame } from '@shared/frame';
import { ArrowLeftIcon, SecureIcon, SettingsIcon } from '@shared/icons';
export function SettingsLayout() {
return (
<div className="flex h-screen w-screen">
<Frame className="relative flex h-full w-[232px] flex-col" lighter>
<div className="relative flex h-full w-[232px] flex-col">
<div data-tauri-drag-region className="h-11 w-full shrink-0" />
<div className="scrollbar-hide flex h-full flex-1 flex-col gap-2 overflow-y-auto pb-32">
<div className="inline-flex items-center gap-2 border-l-2 border-transparent pl-4">
@@ -56,7 +55,7 @@ export function SettingsLayout() {
</NavLink>
</div>
</div>
</Frame>
</div>
<div className="h-full w-full flex-1 bg-black/90 backdrop-blur-xl">
<Outlet />
<ScrollRestoration