From 5ca7a433ffa026618d227717b8c06d8d7b8fd76b Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Sat, 23 May 2026 21:19:51 +0300
Subject: [PATCH] fix: use dvh units to prevent ComparisonView from being
 covered with address bar on mobile

---
 src/app/ui/Layout.svelte                                        | 2 +-
 .../ComparisonView/ui/ComparisonView/ComparisonView.svelte      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/ui/Layout.svelte b/src/app/ui/Layout.svelte
index 651482f..bee32cc 100644
--- a/src/app/ui/Layout.svelte
+++ b/src/app/ui/Layout.svelte
@@ -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' : '',
         )}
     >
diff --git a/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte b/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte
index feb9f65..7e27cf3 100644
--- a/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte
+++ b/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte
@@ -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()}