From 322ffa5023a538978bde8f2c951313235347dc1e Mon Sep 17 00:00:00 2001 From: Realmy <163438634+RealmyTheMan@users.noreply.github.com> Date: Mon, 11 Nov 2024 18:57:48 +0100 Subject: [PATCH] Pretty okay looking upload dialog --- bun.lockb | Bin 118593 -> 119348 bytes package.json | 2 + src/app.css | 13 +++++- src/lib/components/visual/Uploader.svelte | 34 ++++++++++++--- src/routes/+page.svelte | 51 +--------------------- tailwind.config.ts | 5 +++ 6 files changed, 48 insertions(+), 57 deletions(-) diff --git a/bun.lockb b/bun.lockb index 774dc0ff2aa2067c29b9f6324b59ed950e2741bf..20c1b2cac7f1f775589217327cbd4c22db7a9b2b 100755 GIT binary patch delta 21060 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 delta 20465 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

nY0h?xh^!c+<;V0Sj1`j4%Gqa}Q z*T4FVJlEz{htjr3yQ*8Qco5n>YpdM&0t%p~O8xI2%QD`6efU48+oz=ES?xB%jzhWi zRt{{MSKM3Gzm)LwI?Exl|K@0q$=+VPsr*^*ROJ76b+IV_r o=ZUNZ6V0bH*PW|!*}HWd$7JSonwmM;CQ44T<~tuuXAw#N2Y6PIjsO4v diff --git a/package.json b/package.json index 7c80b80..f4311b2 100644 --- a/package.json +++ b/package.json @@ -32,6 +32,8 @@ "vite": "^5.0.3" }, "dependencies": { + "@fontsource/azeret-mono": "^5.1.0", + "@fontsource/lexend": "^5.1.1", "@imagemagick/magick-wasm": "^0.0.31", "lucide-svelte": "^0.456.0", "svelte-adapter-bun": "^0.5.2", diff --git a/src/app.css b/src/app.css index 41c355f..95cbd27 100644 --- a/src/app.css +++ b/src/app.css @@ -2,12 +2,21 @@ @import "tailwindcss/components"; @import "tailwindcss/utilities"; +@import url(@fontsource/lexend/400.css); +@import url(@fontsource/lexend/500.css); +@import url(@fontsource/azeret-mono/600.css); + :root { + --font-body: "Lexend", system-ui, -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", + "Helvetica Neue", sans-serif; + --font-display: "Azeret Mono", var(--font-body); --bg: hsl(0, 0%, 100%); --fg: hsl(0, 0%, 10%); - --fg-muted: hsl(0, 0%, 40%); + --fg-muted: hsl(0, 0%, 50%); + --fg-muted-alt: hsl(0, 0%, 75%); } body { - @apply text-foreground bg-background; + @apply text-foreground bg-background font-body; } diff --git a/src/lib/components/visual/Uploader.svelte b/src/lib/components/visual/Uploader.svelte index a3b598d..9fb20fe 100644 --- a/src/lib/components/visual/Uploader.svelte +++ b/src/lib/components/visual/Uploader.svelte @@ -6,22 +6,44 @@ } let fileInput = $state(); + let dragOver = $state(false); let { files = $bindable() }: Props = $props(); - const upload = () => { + function upload() { if (!fileInput) return; fileInput.click(); - }; + } + + diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index e595e5b..cb12db2 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -39,55 +39,8 @@ }; -

-
-
- -
-
- {#each iterableFiles as file, i} -
-
- {file.name} -
-
- {#if downloadFns[i]} - - {/if} - - -
-
- {/each} - -
-
+
+