fix(web): root pending component placement (#1601)

This commit is contained in:
martylukyy 2024-08-11 19:11:29 +02:00 committed by GitHub
parent 9893290c3e
commit 3183e15a4b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -319,7 +319,7 @@ export const AuthIndexRoute = createRoute({
export const RootComponent = () => { export const RootComponent = () => {
const settings = SettingsContext.useValue(); const settings = SettingsContext.useValue();
return ( return (
<div className="min-h-screen"> <div className="flex flex-col min-h-screen">
<Outlet/> <Outlet/>
{settings.debug ? ( {settings.debug ? (
<> <>
@ -350,7 +350,7 @@ const routeTree = RootRoute.addChildren([
export const Router = createRouter({ export const Router = createRouter({
routeTree, routeTree,
defaultPendingComponent: () => ( defaultPendingComponent: () => (
<div className="flex flex-grow items-center justify-center col-span-9 h-full"> <div className="flex flex-grow items-center justify-center col-span-9">
<RingResizeSpinner className="text-blue-500 size-24"/> <RingResizeSpinner className="text-blue-500 size-24"/>
</div> </div>
), ),