legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 01:21:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

moving a LOT of stuff around in web ui

Browse Source
This commit is contained in:
legop3
2026-08-02 23:06:30 -04:00
parent 3ebd1c7f9c
commit 15a60a58e6
45 changed files with 814 additions and 870 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/ChatPanel/index.jsx
+1
View File
@@ -3,6 +3,7 @@
// Scope: Keeps timeline updates isolated from controlled form inputs so incoming chat activity does not
// force the composer DOM to re-commit while a user is simply watching or driving.
import { memo, useEffect, useMemo, useRef, useState } from 'react';
import './styles.css';
import { useChatActions, useChatTimeline } from '../../context/ChatContext.jsx';
import { useSessionSelector } from '../../context/SessionContext.jsx';
import { useSettingsNamespace } from '../../settings/index.js';
webui/src/components/ChatPanel/styles.css
+12
View File
@@ -0,0 +1,12 @@
.chat-composer { container-type: inline-size; display: flex; flex-wrap: wrap; align-items: stretch; gap: 0.125rem; min-width: 0; overflow: hidden; }
.chat-composer-nickname { flex: 0 0 5rem; min-width: 0; order: 1; }
.chat-composer-input { flex: 1 1 0%; min-width: 0; order: 2; }
.chat-composer-send { flex: 0 0 auto; align-self: stretch; order: 3; }
.chat-composer-tts { display: flex; flex: 1 1 100%; align-items: center; gap: 0.125rem; min-width: 0; overflow: hidden; order: 4; }
@container (min-width: 44rem) {
.chat-composer { flex-wrap: nowrap; }
.chat-composer-nickname { flex-basis: 7rem; order: 1; }
.chat-composer-input { order: 2; }
.chat-composer-tts { flex: 0 1 auto; order: 3; }
.chat-composer-send { order: 4; }
}