Mike/freno-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

better handling of nav bar sizing

Browse Source
This commit is contained in:
Michael Freno
2025-12-18 00:24:16 -05:00
parent 4b64f50670
commit 14da7f9912
6 changed files with 268 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/TerminalSplash.tsx
View File

@@ -1,5 +1,5 @@
import { Show, onMount, onCleanup, createSignal } from "solid-js";
import { useSplash } from "../context/splash";
import { useSplash } from "~/context/splash";
const spinnerChars = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
@@ -43,11 +43,11 @@ export function TerminalSplash() {
return (
<Show when={shouldRender()}>
<div
class="fixed inset-0 z-50 w-screen h-screen bg-base flex overflow-hidden flex-col items-center justify-center mx-auto transition-opacity duration-500"
class="bg-base fixed inset-0 z-50 mx-auto flex h-screen w-screen flex-col items-center justify-center overflow-hidden transition-opacity duration-500"
style={{ opacity: opacity() }}
>
<div class="font-mono text-text text-4xl whitespace-pre-wrap p-8 max-w-3xl">
<div class="flex justify-center items-center">
<div class="text-text max-w-3xl p-8 font-mono text-4xl whitespace-pre-wrap">
<div class="flex items-center justify-center">
{spinnerChars[showing()]}
</div>
</div>