vrr/agent-zero
2
0
Fork 0
mirror of https://github.com/agent0ai/agent-zero.git synced 2026-07-09 17:08:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Fix welcome composer on mobile

Browse source 
Adjust the welcome-screen composer so the shared chat input wraps cleanly on narrow phones. Reclaim hidden expand-button padding, suppress placeholder-only textarea scrollbars, and tune the iPhone-width placeholder sizing while preserving normal typed-message scrolling.
This commit is contained in:
Alessandro 2026-06-23 11:45:14 +02:00
parent cc13586f7b
commit 8e3dad559f
1 changed files with 39 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

39
webui/components/welcome/welcome-screen.html
View file

@ -841,7 +841,36 @@
}
.welcome-composer .input-row {
align-items: center;
flex-wrap: wrap;
min-height: 4.35rem;
row-gap: 0.55rem;
white-space: normal;
}
.welcome-composer #chat-input-container {
flex: 1 1 11.5rem;
width: auto;
min-width: min(11.5rem, calc(100% - 3rem));
}
.welcome-composer #chat-input {
min-height: 4.5rem;
padding-right: 0.35rem;
align-content: center;
}
.welcome-composer #chat-input:placeholder-shown {
overflow-y: hidden;
scrollbar-width: none;
}
.welcome-composer #chat-input:placeholder-shown::-webkit-scrollbar {
display: none;
}
.welcome-composer #chat-buttons-wrapper {
margin-left: auto;
}
.welcome-setup-composer {
@ -905,6 +934,16 @@
grid-template-columns: 1fr;
}
}
@media (max-width: 420px) {
.welcome-composer #chat-input:placeholder-shown {
min-height: 5rem;
padding-top: 0.52rem;
padding-bottom: 0.52rem;
font-size: 0.96rem;
line-height: 1.34;
}
}
</style>
</body>