fix: use dvh units to prevent ComparisonView from being covered with address bar on mobile

This commit is contained in:
Ilia Mashkov
2026-05-23 21:19:51 +03:00
parent 3b6ea99d09
commit 5ca7a433ff
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -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()}