fix: use dvh units to prevent ComparisonView from being covered with address bar on mobile
This commit is contained in:
@@ -74,7 +74,7 @@ onDestroy(() => themeManager.destroy());
|
||||
<div
|
||||
id="app-root"
|
||||
class={cn(
|
||||
'min-h-screen w-auto flex flex-col bg-surface dark:bg-dark-bg relative',
|
||||
'min-h-dvh w-auto flex flex-col bg-surface dark:bg-dark-bg relative',
|
||||
theme === 'dark' ? 'dark' : '',
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -32,7 +32,7 @@ $effect(() => {
|
||||
|
||||
<NavigationWrapper index={0} title="Comparison">
|
||||
{#snippet content(action)}
|
||||
<div class="flex h-screen w-full overflow-hidden bg-surface dark:bg-background">
|
||||
<div class="flex h-dvh w-full overflow-hidden bg-surface dark:bg-background">
|
||||
<!-- Sidebar -->
|
||||
<SidebarContainer bind:isOpen={isSidebarOpen}>
|
||||
{#snippet sidebar()}
|
||||
|
||||
Reference in New Issue
Block a user