diff --git a/frontend/index.html b/frontend/index.html
index c9b08bb..907ddcd 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,7 @@
-
+
Antigravity Agent Dashboard
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 048ad46..b980bcf 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -25,6 +25,7 @@ body {
color: var(--text-main);
line-height: 1.5;
height: 100vh;
+ height: 100dvh;
overflow: hidden;
}
@@ -1049,8 +1050,8 @@ textarea:focus {
.menu-toggle {
display: none;
position: fixed;
- top: 16px;
- right: 16px;
+ top: calc(16px + env(safe-area-inset-top));
+ right: calc(16px + env(safe-area-inset-right));
z-index: 1100;
background: var(--primary);
border: none;
@@ -1113,15 +1114,21 @@ textarea:focus {
z-index: 1050;
transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
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 {
left: 0;
}
- .dashboard-view, .task-view {
+ .dashboard-view,
+ .task-view {
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;
min-height: 100%;
overflow-y: auto;
@@ -1176,6 +1183,8 @@ textarea:focus {
.modal {
width: 95%;
padding: 20px;
+ max-height: 90%;
+ overflow-y: auto;
}
.preset-group {
@@ -1185,4 +1194,9 @@ textarea:focus {
.chat-container {
height: 500px;
}
+
+ .chat-form input,
+ textarea {
+ font-size: 16px !important;
+ }
}
\ No newline at end of file