mirrors/Hypfer-Valetudo
2
0
Fork 0
mirror of https://github.com/Hypfer/Valetudo.git synced 2025-10-26 11:27:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): Improve mobile UX of AI Assistant

Browse Source
This commit is contained in:
Sören Beye 2025-08-20 18:09:35 +02:00
parent da4c8c4040
commit f6b08e679f
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/public/index.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<link rel="icon" href="favicon.ico" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,interactive-widget=resizes-content">
<meta name="theme-color" content="#000000" />
<meta
name="description"

5
frontend/src/valetudo/ValetudoAI.tsx
View File

@ -41,6 +41,7 @@ const ValetudoAI = (): React.ReactElement => {
if (!inputValue.trim() || !elizaInstance || isLoading || isFinished) {
return;
}
setTimeout(() => inputRef.current?.focus(), 0); // Keeps the soft keyboard visible on mobile
const userMessage: AiChatMessage = { sender: "user", text: inputValue };
setMessages(prev => [...prev, userMessage]);
@ -106,7 +107,7 @@ const ValetudoAI = (): React.ReactElement => {
return (
<PaperContainer>
<Box sx={{ display: "flex", flexDirection: "column", height: "85vh" }}>
<Box sx={{ display: "flex", flexDirection: "column", height: "70vh", maxHeight:"90%" }}>
<DetailPageHeaderRow
title="AI Assistant"
icon={<AiIcon/>}
@ -180,7 +181,7 @@ const ValetudoAI = (): React.ReactElement => {
value={inputValue}
onChange={(e) => setInputValue(e.target.value)}
onKeyDown={handleKeyPress}
disabled={isLoading || isFinished}
disabled={isFinished}
multiline
maxRows={4}
/>

12
package-lock.json generated
View File

@ -6843,9 +6843,9 @@
}
},
"node_modules/caniuse-lite": {
"version": "1.0.30001663",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001663.tgz",
"integrity": "sha512-o9C3X27GLKbLeTYZ6HBOLU1tsAcBZsLis28wrVzddShCS16RujjHp9GDHKZqrB3meE0YjhawvMFsGb/igqiPzA==",
"version": "1.0.30001735",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001735.tgz",
"integrity": "sha512-EV/laoX7Wq2J9TQlyIXRxTJqIw4sxfXS4OYgudGxBYRuTv0q7AM6yMEpU/Vo1I94thg9U6EZ2NfZx9GJq83u7w==",
"funding": [
{
"type": "opencollective",
@ -26627,9 +26627,9 @@
}
},
"caniuse-lite": {
"version": "1.0.30001663",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001663.tgz",
"integrity": "sha512-o9C3X27GLKbLeTYZ6HBOLU1tsAcBZsLis28wrVzddShCS16RujjHp9GDHKZqrB3meE0YjhawvMFsGb/igqiPzA=="
"version": "1.0.30001735",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001735.tgz",
"integrity": "sha512-EV/laoX7Wq2J9TQlyIXRxTJqIw4sxfXS4OYgudGxBYRuTv0q7AM6yMEpU/Vo1I94thg9U6EZ2NfZx9GJq83u7w=="
},
"case-sensitive-paths-webpack-plugin": {
"version": "2.4.0",