From e0fe175566f582d1e5f9a20e1bc9863771a78103 Mon Sep 17 00:00:00 2001
From: dvdrw <admin@dvdrw.dev>
Date: Tue, 14 Feb 2023 00:37:41 +0100
Subject: [PATCH] fix: improve rendering on narrow desktop screens

---
 src/routes/+layout.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9d818d9..e7f7604 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -60,7 +60,9 @@
      updateCredentials(undefined);
  }
 
- let mobile = primaryInput === 'touch';
+ let viewportWidth;
+ let mobile: boolean;
+ $: mobile = (primaryInput === 'touch' || viewportWidth <= 550);
 
  let scrolledToTop = false, scrolledToBottom = false,
      scrolledToLeft = false, scrolledToRight = false;
@@ -154,6 +156,7 @@
 </script>
 
 <svelte:body use:updateTheme="{$theme}" />
+<svelte:window bind:innerWidth={viewportWidth}/>
 
 <div class="container hide-scrollbar snap-y h-100vh"
      class:mobile="{mobile}"