forked from
juliet.paris/streamplace-spa
minimal streamplace frontend
center homepage loading
+6
-4
+5
-3
src/components/Chat.tsx
+5
-3
src/components/Chat.tsx
···
213
213
<Show
214
214
when={messages().length > 0}
215
215
fallback={
216
-
<div class="text-sp-dim flex h-full items-center justify-center text-sm">
217
-
{connected() ? "Waiting for messages..." : "Connecting..."}
218
-
</div>
216
+
<Show when={!connected()}>
217
+
<div class="text-sp-dim flex h-full items-center justify-center text-sm">
218
+
Connecting...
219
+
</div>
220
+
</Show>
219
221
}
220
222
>
221
223
<div class="space-y-1">
+1
-1
src/pages/Home.tsx
+1
-1
src/pages/Home.tsx
···
69
69
<Show
70
70
when={!state.loading}
71
71
fallback={
72
-
<div class="text-sp-dim flex items-center gap-2">
72
+
<div class="text-sp-dim flex h-64 items-center justify-center gap-2">
73
73
<div class="border-sp-dim border-t-sp-accent h-4 w-4 animate-spin rounded-full border-2" />
74
74
Loading streams...
75
75
</div>