fix(frontend): Update app mobile preview width (#1431)

* fix(frontend): App mobile preview width

* fix(frontend): Add min width to app desktop preview
This commit is contained in:
Ádám Kovács
2023-04-19 14:54:51 +02:00
committed by GitHub
parent 4d7d728d2d
commit ed159b0d66
@@ -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' : ''
)}
>