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

fix max heights and stuff

Browse Source
This commit is contained in:
legop3
2025-11-24 02:57:08 -05:00
parent 03ef441f1b
commit 0e80bda371
7 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/ChatPanel.jsx
+2 -2
View File
@@ -25,7 +25,7 @@ function displayName(message) {
return message.nickname || message.socketId?.slice(0, 6) || 'unknown';
}
export default function ChatPanel({ hideInput = false, hideSpectatorNotice = false }) {
export default function ChatPanel({ hideInput = false, hideSpectatorNotice = false, maxHeightClass = '' }) {
const { session } = useSession();
const { messages, sendMessage, registerInputRef, onInputFocus, onInputBlur, blurChat } = useChat();
const [draft, setDraft] = useState('');
@@ -58,7 +58,7 @@ export default function ChatPanel({ hideInput = false, hideSpectatorNotice = fal
}
return (
<section className="panel-section flex h-full flex-col space-y-0.5 text-base">
<section className={`panel-section flex h-full flex-col space-y-0.5 text-base ${maxHeightClass}`}>
{/* <div className="flex items-center justify-between text-sm text-slate-400">
<span>Chat</span>
<span className="text-xs text-slate-500">{sorted.length}</span>
webui/src/components/UserListPanel.jsx
+2 -2
View File
@@ -26,7 +26,7 @@ function formatLabel(user, selfId) {
return base;
}
export default function UserListPanel({ hideNicknameForm = false, hideHeader = false }) {
export default function UserListPanel({ hideNicknameForm = false, hideHeader = false, className = '' }) {
const { session, setNickname } = useSession();
const { value } = useSettingsNamespace('profile', { nickname: '' });
const lastSyncedSocketRef = useRef(null);
@@ -92,7 +92,7 @@ export default function UserListPanel({ hideNicknameForm = false, hideHeader = f
}, []);
return (
<section className="panel-section flex h-full flex-col space-y-0.5 text-base">
<section className={`panel-section flex h-full flex-col space-y-0.5 text-base ${className}`}>
{!hideNicknameForm && (
<div className="space-y-0.5">
<NicknameForm />
webui/src/spectate/SpectatorApp.jsx
+2 -2
View File
@@ -89,10 +89,10 @@ function SecondaryRow() {
<section className="grid grid-cols-1 gap-0.5 lg:grid-cols-[2fr_1fr_1fr]">
<RoomCameraPanel defaultOrientation="horizontal" hideLayoutToggle hideHeader />
<div className="flex flex-col">
<UserListPanel hideNicknameForm hideHeader />
<UserListPanel hideNicknameForm hideHeader className="h-full max-h-[60vh]" />
</div>
<div className="flex flex-col">
<ChatPanel hideInput hideSpectatorNotice />
<ChatPanel hideInput hideSpectatorNotice maxHeightClass="max-h-[60vh]" />
</div>
</section>
);