From a9da3672b9e0aa919d21a6f9b47fa1df4f2a3a7c Mon Sep 17 00:00:00 2001
From: Markov <markov@uix.su>
Date: Fri, 27 Feb 2026 23:04:39 +0100
Subject: [PATCH] =?UTF-8?q?Fix=20mobile=20viewport:=20h-screen=20=E2=86=92?=
 =?UTF-8?q?=20h-[100dvh]=20+=20scrollable=20settings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- All pages use 100dvh instead of 100vh (respects Android nav bar)
- ProjectSettings: overflow-y-auto + pb-20 for bottom padding
---
 src/components/AuthGuard.tsx       | 2 +-
 src/components/ProjectSettings.tsx | 2 +-
 src/components/Sidebar.tsx         | 2 +-
 src/pages/CreateProjectPage.tsx    | 2 +-
 src/pages/HomePage.tsx             | 2 +-
 src/pages/LoginPage.tsx            | 2 +-
 src/pages/ProjectPage.tsx          | 6 +++---
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/AuthGuard.tsx b/src/components/AuthGuard.tsx
index 183252c..dba5607 100644
--- a/src/components/AuthGuard.tsx
+++ b/src/components/AuthGuard.tsx
@@ -25,7 +25,7 @@ export default function AuthGuard({ children }: { children: React.ReactNode }) {
 
   if (!checked) {
     return (
-      <div className="flex h-screen items-center justify-center text-[var(--muted)]">
+      <div className="flex h-[100dvh] items-center justify-center text-[var(--muted)]">
         Загрузка...
       </div>
     );
diff --git a/src/components/ProjectSettings.tsx b/src/components/ProjectSettings.tsx
index c14cf7c..11851d0 100644
--- a/src/components/ProjectSettings.tsx
+++ b/src/components/ProjectSettings.tsx
@@ -107,7 +107,7 @@ export default function ProjectSettings({ project, onUpdated }: Props) {
   };
 
   return (
-    <div className="max-w-xl mx-auto p-6 space-y-6">
+    <div className="max-w-xl mx-auto p-6 pb-20 space-y-6 overflow-y-auto h-full">
       <h2 className="text-lg font-bold">Настройки проекта</h2>
 
       <div>
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 05e3e25..6c4e05c 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -99,7 +99,7 @@ export default function Sidebar({ projects, activeSlug }: Props) {
       {/* Sidebar: always visible on desktop, slide-in on mobile */}
       <aside
         className={`
-          fixed md:static z-50 top-0 left-0 h-screen w-60 shrink-0
+          fixed md:static z-50 top-0 left-0 h-[100dvh] w-60 shrink-0
           border-r border-[var(--border)] bg-[var(--card)] flex flex-col
           transition-transform duration-200
           ${open ? "translate-x-0" : "-translate-x-full md:translate-x-0"}
diff --git a/src/pages/CreateProjectPage.tsx b/src/pages/CreateProjectPage.tsx
index 1279fc2..f24a1b7 100644
--- a/src/pages/CreateProjectPage.tsx
+++ b/src/pages/CreateProjectPage.tsx
@@ -5,7 +5,7 @@ export default function CreateProjectPage() {
   const navigate = useNavigate();
 
   return (
-    <div className="flex h-screen items-center justify-center">
+    <div className="flex h-[100dvh] items-center justify-center">
       <CreateProjectModal
         onCreated={(project) => navigate(`/projects/${project.slug}`)}
         onClose={() => navigate(-1)}
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 565e3f1..eb9aa0c 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -16,7 +16,7 @@ export default function HomePage() {
 
   if (loading) {
     return (
-      <div className="flex h-screen items-center justify-center text-[var(--muted)]">
+      <div className="flex h-[100dvh] items-center justify-center text-[var(--muted)]">
         Загрузка...
       </div>
     );
diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
index f5dffb7..d894bdc 100644
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -30,7 +30,7 @@ export default function LoginPage() {
   };
 
   return (
-    <div className="flex h-screen items-center justify-center">
+    <div className="flex h-[100dvh] items-center justify-center">
       <form onSubmit={handleSubmit} className="w-full max-w-80 px-4">
         <h1 className="text-3xl font-bold mb-1 text-center">Team Board</h1>
         <p className="text-[var(--muted)] mb-6 text-center text-sm">AI Agent Collaboration Platform</p>
diff --git a/src/pages/ProjectPage.tsx b/src/pages/ProjectPage.tsx
index 744747e..edf1f49 100644
--- a/src/pages/ProjectPage.tsx
+++ b/src/pages/ProjectPage.tsx
@@ -43,15 +43,15 @@ export default function ProjectPage() {
   };
 
   if (loading) {
-    return <div className="flex h-screen items-center justify-center text-[var(--muted)]">Загрузка...</div>;
+    return <div className="flex h-[100dvh] items-center justify-center text-[var(--muted)]">Загрузка...</div>;
   }
 
   if (!project) {
-    return <div className="flex h-screen items-center justify-center text-[var(--muted)]">Проект не найден</div>;
+    return <div className="flex h-[100dvh] items-center justify-center text-[var(--muted)]">Проект не найден</div>;
   }
 
   return (
-    <div className="flex h-screen">
+    <div className="flex h-[100dvh]">
       <Sidebar projects={projects} activeSlug={slug} />
       <main className="flex-1 flex flex-col overflow-hidden">
         <header className="border-b border-[var(--border)] px-6 py-3 pl-14 md:pl-6">