Merge 8a4ccc9b8f into 6c3faafed2
This commit is contained in:
commit
33482e6dba
|
|
@ -1,3 +1,4 @@
|
|||
import { useState, useEffect } from "react";
|
||||
import { Link } from "@tanstack/react-router";
|
||||
import { useSettings } from "@/hooks/useSettings";
|
||||
|
||||
|
|
@ -11,7 +12,11 @@ export function SidebarLayout({
|
|||
}>) {
|
||||
const { settings, setSettings } = useSettings();
|
||||
const isWindows = navigator.platform.toLowerCase().includes("win");
|
||||
|
||||
const [mounted, setMounted] = useState(false);
|
||||
useEffect(() => {
|
||||
setMounted(true);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className={`flex transition-[width] duration-300 dark:bg-neutral-900`}>
|
||||
<div
|
||||
|
|
@ -67,7 +72,7 @@ export function SidebarLayout({
|
|||
{settings.sidebarOpen && sidebar}
|
||||
</div>
|
||||
<main
|
||||
className={`flex flex-1 flex-col min-w-0 transition-all duration-300`}
|
||||
className={`flex flex-1 flex-col min-w-0 ${mounted ? "transition-all duration-300" : "transition-none"}`}
|
||||
>
|
||||
<div
|
||||
className={`h-13 flex-none w-full z-10 flex items-center bg-white dark:bg-neutral-900 ${isWindows ? "xl:hidden" : "xl:fixed xl:bg-transparent xl:dark:bg-transparent"}`}
|
||||
|
|
|
|||
Loading…
Reference in New Issue