hopefully fix mobile chat UI a little

This commit is contained in:
legop3
2025-12-08 14:10:05 -05:00
parent 57d4b5a415
commit 3221dbe877
5 changed files with 12 additions and 8 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-DqslUTbx.js"></script> <script type="module" crossorigin src="/assets/index-CLIk5fWl.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BrXzdi-k.css"> <link rel="stylesheet" crossorigin href="/assets/index-CsRcYKTY.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+8 -4
View File
@@ -130,9 +130,9 @@ export default function ChatPanel({ hideInput = false, hideSpectatorNotice = fal
)} )}
</div> </div>
{!hideInput && ( {!hideInput && (
<form className="flex gap-0.5" onSubmit={handleSend}> <form className="flex flex-wrap items-start gap-0.5" onSubmit={handleSend}>
<input <input
className="field-input flex-1" className="field-input flex-1 min-w-[10rem]"
value={draft} value={draft}
onChange={(e) => setDraft(e.target.value)} onChange={(e) => setDraft(e.target.value)}
onFocus={onInputFocus} onFocus={onInputFocus}
@@ -142,7 +142,7 @@ export default function ChatPanel({ hideInput = false, hideSpectatorNotice = fal
disabled={!canChat} disabled={!canChat}
/> />
{ttsSupported && ( {ttsSupported && (
<div className="flex items-center gap-0.5"> <div className="flex flex-wrap items-center gap-0.5 basis-full sm:basis-auto">
<label className="flex items-center gap-0.25 text-xs text-slate-300"> <label className="flex items-center gap-0.25 text-xs text-slate-300">
<input <input
type="checkbox" type="checkbox"
@@ -187,7 +187,11 @@ export default function ChatPanel({ hideInput = false, hideSpectatorNotice = fal
)} )}
</div> </div>
)} )}
<button type="submit" disabled={!canChat || sending} className="button-dark disabled:opacity-50"> <button
type="submit"
disabled={!canChat || sending}
className="button-dark disabled:opacity-50 self-start"
>
{sending ? '...' : 'Send'} {sending ? '...' : 'Send'}
</button> </button>
</form> </form>