mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 09:31:20 -04:00
hopefully fix mobile chat UI a little
This commit is contained in:
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
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user