From 8752c0f4651d086c002a0f1cd00c3294b38d6362 Mon Sep 17 00:00:00 2001 From: jaakko Date: Tue, 7 Apr 2026 09:22:15 +0300 Subject: [PATCH] Responsiivinen korkeus: terminaali ja UI skaalautuvat viewport-korkeuteen MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Terminaali: clamp(200px, 35vh, 500px) — skaalautuu ikkunan mukaan. <900px korkeus: pienempi otsikko, tiiviimmät avataret, matalampi terminaali. >1200px korkeus: isompi terminaali ja promptikenttä. Co-Authored-By: Claude Opus 4.6 (1M context) --- network-poc/static/index.html | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/network-poc/static/index.html b/network-poc/static/index.html index d2cba24..d242c40 100644 --- a/network-poc/static/index.html +++ b/network-poc/static/index.html @@ -388,7 +388,7 @@ font-family: 'Courier New', Courier, monospace; font-size:14px; color:var(--success-color); - height:300px; + height: clamp(200px, 35vh, 500px); overflow-y:auto; text-align:left; white-space: pre-wrap; @@ -688,6 +688,21 @@ #code-input-container { flex-direction: column !important; } #code-send-btn { width: 100%; margin-top: 5px; } } + + /* Responsiivinen korkeus */ + @media (max-height: 900px) { + .terminal-panel { height: clamp(150px, 25vh, 250px); } + .agent-prompt-editor textarea { min-height: 30px; } + .container > div:first-child { margin-bottom: 6px; } + .container h1 { font-size: 22px; } + .container .sub { font-size: 12px; } + .avatar-card { padding: 6px 4px; } + .avatar-card img { width: 50px; height: 50px; margin-bottom: 4px; } + } + @media (min-height: 1200px) { + .terminal-panel { height: clamp(350px, 40vh, 600px); } + .agent-prompt-editor textarea { min-height: 80px; } + }