diff --git a/src/App.svelte b/src/App.svelte index e1f4e58..2f33b79 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -1,11 +1,24 @@
- Embroidery viewer logo. + + {@const configs = matches + ? { src: logoMobile, width: 350, height: 96 } + : { src: logo, width: 460, height: 200 }} + +
@@ -22,11 +35,22 @@ diff --git a/src/assets/logo-mobile.webp b/src/assets/logo-mobile.webp new file mode 100644 index 0000000..b263c50 Binary files /dev/null and b/src/assets/logo-mobile.webp differ diff --git a/src/lib/FileViewer.svelte b/src/lib/FileViewer.svelte index 4f3b768..2653b69 100644 --- a/src/lib/FileViewer.svelte +++ b/src/lib/FileViewer.svelte @@ -98,13 +98,8 @@ {#if files && files.length !== 0 && filesRendered}
{#each Array.from(files) as file, i} -
- +
+

{file.name}

{filesRefs[i] && startFileRead(file, filesRefs[i])} @@ -113,6 +108,20 @@ {/if} diff --git a/src/lib/MediaQuery.svelte b/src/lib/MediaQuery.svelte new file mode 100644 index 0000000..cfd20ec --- /dev/null +++ b/src/lib/MediaQuery.svelte @@ -0,0 +1,39 @@ + + +