moth11.net
frontend for xcvr appview
added some default stuff
+18
-2
src/routes/c/[handle]/[rkey]/+page.svelte
+18
-2
src/routes/c/[handle]/[rkey]/+page.svelte
···
40
<main id="transceiver">
41
{#if !ctx?.connected}
42
<div>
43
-
loading... probably something went wrong if you can read me, maybe
44
-
refresh?
45
</div>
46
{/if}
47
{#if ctx}
48
<Receiever
49
messages={ctx.messages}
50
mylocaltext={ctx.curMsg}
···
148
}
149
h3 {
150
font-size: 1.5rem;
151
}
152
153
#transceiver {
···
40
<main id="transceiver">
41
{#if !ctx?.connected}
42
<div>
43
+
connecting... <span class="error-message"
44
+
>probably something went wrong if you can read me, maybe refresh?</span
45
+
>
46
</div>
47
{/if}
48
{#if ctx}
49
+
{#if ctx.messages.length === 0 && ctx.connected}
50
+
<div>connecting...</div>
51
+
<div>and you're connected.</div>
52
+
<div>messages will go here, start typing down below</div>
53
+
{/if}
54
<Receiever
55
messages={ctx.messages}
56
mylocaltext={ctx.curMsg}
···
154
}
155
h3 {
156
font-size: 1.5rem;
157
+
margin: 0;
158
+
}
159
+
.error-message {
160
+
opacity: 0;
161
+
animation: fadeIn 0.1s ease-in-out 1s forwards;
162
+
}
163
+
@keyframes fadeIn {
164
+
to {
165
+
opacity: 1;
166
+
}
167
}
168
169
#transceiver {