From e430645e4a637148bcf6d5846a84fe97f85bc0a9 Mon Sep 17 00:00:00 2001 From: Matt Strapp Date: Thu, 28 Sep 2023 09:49:16 -0500 Subject: Make the website less ugly, especially on mobile Signed-off-by: Matt Strapp --- app/src/lib/svelte/Navigation.svelte | 42 ++++++++++++++++++++++++++++---- app/src/lib/ts/truncate.worker.ts | 4 +++- app/src/routes/+layout.svelte | 46 ++++++++++++++++++++++++++---------- 3 files changed, 74 insertions(+), 18 deletions(-) (limited to 'app/src') diff --git a/app/src/lib/svelte/Navigation.svelte b/app/src/lib/svelte/Navigation.svelte index fd3c914..973924a 100644 --- a/app/src/lib/svelte/Navigation.svelte +++ b/app/src/lib/svelte/Navigation.svelte @@ -1,11 +1,45 @@ - + - Home! + + + + + Home! + + + + + + + Truncate! + + + + + + + Source + - Truncate! diff --git a/app/src/lib/ts/truncate.worker.ts b/app/src/lib/ts/truncate.worker.ts index ad00011..eaa65fe 100644 --- a/app/src/lib/ts/truncate.worker.ts +++ b/app/src/lib/ts/truncate.worker.ts @@ -1,9 +1,11 @@ import type { TruncateRequest, TruncateResponse } from '../types/truncate-worker'; onmessage = async (message: MessageEvent) => { + console.log('File received. Truncating...'); const file = message.data.file; const buffer = await file.arrayBuffer(); const truncated = buffer.slice(0, message.data.size); - postMessage({ file: truncated } as TruncateResponse); }; + +console.log('Worker successfully loaded!'); diff --git a/app/src/routes/+layout.svelte b/app/src/routes/+layout.svelte index 6ad0d22..519a11d 100644 --- a/app/src/routes/+layout.svelte +++ b/app/src/routes/+layout.svelte @@ -2,11 +2,19 @@ import { useRegisterSW } from 'virtual:pwa-register/svelte'; import { pwaInfo } from 'virtual:pwa-info'; import { onMount } from 'svelte'; + import { + AppShell, + AppBar, + getDrawerStore, + getToastStore, + initializeStores, + Toast, + Drawer + } from '@skeletonlabs/skeleton'; - import '../app.postcss'; - import { AppShell, AppBar, getToastStore, initializeStores, Toast } from '@skeletonlabs/skeleton'; import Navigation from '$lib/svelte/Navigation.svelte'; + import '../app.postcss'; // Floating UI for Popups // import { computePosition, autoUpdate, flip, shift, offset, arrow } from '@floating-ui/dom'; // import { storePopup } from '@skeletonlabs/skeleton'; @@ -14,8 +22,15 @@ initializeStores(); + const drawerStore = getDrawerStore(); const toastStore = getToastStore(); + function drawerOpen() { + drawerStore.open({ + width: 'w-[80px]' + }); + } + onMount(async () => { if (pwaInfo) { useRegisterSW({ @@ -46,25 +61,30 @@ {@html webManifestLink} + + + + - + +
+ A! - - - - Frontend Source - +
-- cgit v1.2.3