mobile
All checks were successful
/ upload (release) Successful in 1m44s

This commit is contained in:
pavel 2026-02-12 00:29:09 +01:00
commit 17261c86b7
2 changed files with 19 additions and 5 deletions

View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Antigravity Agent Dashboard</title> <title>Antigravity Agent Dashboard</title>
<link rel="stylesheet" href="/src/style.css"> <link rel="stylesheet" href="/src/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">

View file

@ -25,6 +25,7 @@ body {
color: var(--text-main); color: var(--text-main);
line-height: 1.5; line-height: 1.5;
height: 100vh; height: 100vh;
height: 100dvh;
overflow: hidden; overflow: hidden;
} }
@ -1049,8 +1050,8 @@ textarea:focus {
.menu-toggle { .menu-toggle {
display: none; display: none;
position: fixed; position: fixed;
top: 16px; top: calc(16px + env(safe-area-inset-top));
right: 16px; right: calc(16px + env(safe-area-inset-right));
z-index: 1100; z-index: 1100;
background: var(--primary); background: var(--primary);
border: none; border: none;
@ -1113,15 +1114,21 @@ textarea:focus {
z-index: 1050; z-index: 1050;
transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 10px 0 30px rgba(0, 0, 0, 0.5); box-shadow: 10px 0 30px rgba(0, 0, 0, 0.5);
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
} }
.sidebar.open { .sidebar.open {
left: 0; left: 0;
} }
.dashboard-view, .task-view { .dashboard-view,
.task-view {
padding: 20px; padding: 20px;
padding-top: 80px; /* Space for menu button */ padding-top: calc(80px + env(safe-area-inset-top));
padding-left: max(20px, env(safe-area-inset-left));
padding-right: max(20px, env(safe-area-inset-right));
padding-bottom: max(20px, env(safe-area-inset-bottom));
height: auto; height: auto;
min-height: 100%; min-height: 100%;
overflow-y: auto; overflow-y: auto;
@ -1176,6 +1183,8 @@ textarea:focus {
.modal { .modal {
width: 95%; width: 95%;
padding: 20px; padding: 20px;
max-height: 90%;
overflow-y: auto;
} }
.preset-group { .preset-group {
@ -1185,4 +1194,9 @@ textarea:focus {
.chat-container { .chat-container {
height: 500px; height: 500px;
} }
.chat-form input,
textarea {
font-size: 16px !important;
}
} }