add back overlay
This commit is contained in:
16
src/app.tsx
16
src/app.tsx
@@ -159,7 +159,19 @@ function AppLayout(props: { children: any }) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div class="flex max-w-screen flex-row">
|
<Show when={!barsInitialized()}>
|
||||||
|
<div class="bg-base fixed inset-0 z-100">
|
||||||
|
<TerminalSplash />
|
||||||
|
</div>
|
||||||
|
</Show>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="flex max-w-screen flex-row"
|
||||||
|
style={{
|
||||||
|
opacity: barsInitialized() ? "1" : "0",
|
||||||
|
transition: "opacity 0.3s ease-in-out"
|
||||||
|
}}
|
||||||
|
>
|
||||||
<LeftBar />
|
<LeftBar />
|
||||||
<div
|
<div
|
||||||
class="relative min-h-screen rounded-t-lg shadow-2xl"
|
class="relative min-h-screen rounded-t-lg shadow-2xl"
|
||||||
@@ -168,7 +180,9 @@ function AppLayout(props: { children: any }) {
|
|||||||
"margin-left": `${leftBarSize()}px`
|
"margin-left": `${leftBarSize()}px`
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
<Show when={barsInitialized()} fallback={<TerminalSplash />}>
|
||||||
<Suspense fallback={<TerminalSplash />}>{props.children}</Suspense>
|
<Suspense fallback={<TerminalSplash />}>{props.children}</Suspense>
|
||||||
|
</Show>
|
||||||
</div>
|
</div>
|
||||||
<RightBar />
|
<RightBar />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user