From ed159b0d66446919ded1f869d21304e381b44b2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81d=C3=A1m=20Kov=C3=A1cs?=
 <43071496+adam-kov@users.noreply.github.com>
Date: Wed, 19 Apr 2023 14:54:51 +0200
Subject: [PATCH] fix(frontend): Update app mobile preview width (#1431)

* fix(frontend): App mobile preview width

* fix(frontend): Add min width to app desktop preview
---
 frontend/src/lib/components/apps/editor/AppPreview.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/AppPreview.svelte b/frontend/src/lib/components/apps/editor/AppPreview.svelte
index 439eefea11..67d2a91ea4 100644
--- a/frontend/src/lib/components/apps/editor/AppPreview.svelte
+++ b/frontend/src/lib/components/apps/editor/AppPreview.svelte
@@ -89,7 +89,7 @@
 			.filter((x) => x != undefined) as string[]
 	}
 
-	$: width = $breakpoint === 'sm' ? 'max-w-[640px]' : 'w-full '
+	$: width = $breakpoint === 'sm' ? 'max-w-[640px]' : 'w-full min-w-[710px]'
 	$: lockedClasses = isLocked ? '!max-h-[400px] overflow-hidden pointer-events-none' : ''
 </script>
 
@@ -99,14 +99,14 @@
 
 <div class="relative">
 	<div
-		class="{$$props.class} {lockedClasses} h-full
-	w-full {app.fullscreen ? '' : 'max-w-6xl'} mx-auto"
+		class="{$$props.class} {lockedClasses} {width} h-full {app.fullscreen
+			? ''
+			: 'max-w-6xl'} mx-auto"
 	>
 		{#if $appStore.grid}
 			<div
 				class={classNames(
 					'mx-auto',
-					width,
 					$appStore?.norefreshbar ? 'invisible h-0 overflow-hidden' : ''
 				)}
 			>