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 <div
id="app-root" id="app-root"
class={cn( 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' : '', theme === 'dark' ? 'dark' : '',
)} )}
> >
@@ -32,7 +32,7 @@ $effect(() => {
<NavigationWrapper index={0} title="Comparison"> <NavigationWrapper index={0} title="Comparison">
{#snippet content(action)} {#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 --> <!-- Sidebar -->
<SidebarContainer bind:isOpen={isSidebarOpen}> <SidebarContainer bind:isOpen={isSidebarOpen}>
{#snippet sidebar()} {#snippet sidebar()}