From d1f8c094ce24ab8901c842f65639af08c76156fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= Date: Fri, 11 Nov 2022 16:53:42 -0300 Subject: [PATCH] Make layout responsive --- src/App.svelte | 26 +++++++++++++++++- src/assets/logo-mobile.webp | Bin 0 -> 15124 bytes src/lib/FileViewer.svelte | 52 +++++++++++++++++++++++++++++++----- src/lib/MediaQuery.svelte | 39 +++++++++++++++++++++++++++ 4 files changed, 109 insertions(+), 8 deletions(-) create mode 100644 src/assets/logo-mobile.webp create mode 100644 src/lib/MediaQuery.svelte 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 0000000000000000000000000000000000000000..b263c508d15c896eb80461301fd593142dfed351 GIT binary patch literal 15124 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 literal 0 HcmV?d00001 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 @@ + + +