moth11.net
frontend for xcvr appview
bebe
+11
-1
src/routes/c/[handle]/[rkey]/+page.svelte
+11
-1
src/routes/c/[handle]/[rkey]/+page.svelte
···
35
35
$effect(() => {
36
36
console.log(data.channelView);
37
37
});
38
+
let innerWidth = $state(0);
39
+
let isDesktop = $derived(innerWidth > 1000);
38
40
</script>
39
41
40
-
<main id="transceiver">
42
+
<svelte:window bind:innerWidth />
43
+
<main id="transceiver" class={isDesktop ? "desktop" : "mobile"}>
41
44
{#if !ctx?.connected}
42
45
<div>
43
46
connecting... <span class="error-message"
···
216
219
position: relative;
217
220
display: flex;
218
221
flex-direction: column;
222
+
}
223
+
#transceiver.desktop {
224
+
height: 100vh;
225
+
}
226
+
#transceiver.mobile {
227
+
height: calc(100vh - 2.25rem);
228
+
height: calc(100dvh - 2.25rem);
219
229
}
220
230
#settingsifier {
221
231
align-self: flex-start;