mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
uuihiufgkkjf
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-title" content="Multi Roomba Rover" />
|
||||
<title>Multi Roomba Rover</title>
|
||||
<script type="module" crossorigin src="/assets/index-Dq4z8Q8u.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-rQdoy40l.css">
|
||||
<script type="module" crossorigin src="/assets/index-BMB_cE6w.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-q_XWdgDK.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
+3
-7
@@ -58,13 +58,9 @@ function DesktopLayout({ layout }) {
|
||||
<div className="flex h-full gap-0.5 overflow-hidden">
|
||||
<div className="flex min-w-0 flex-[1.8] flex-col gap-0.5 overflow-y-auto pr-0.5">
|
||||
<DriverVideoPanel />
|
||||
<div className="grid grid-cols-2 gap-0.5 h-52 min-h-0">
|
||||
<div className="h-full min-h-0">
|
||||
<UserListPanel fullHeight />
|
||||
</div>
|
||||
<div className="h-full min-h-0">
|
||||
<ChatPanel fullHeight />
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-0.5">
|
||||
<UserListPanel />
|
||||
<ChatPanel />
|
||||
</div>
|
||||
<LogPanel />
|
||||
</div>
|
||||
|
||||
@@ -25,7 +25,7 @@ function displayName(message) {
|
||||
return message.nickname || message.socketId?.slice(0, 6) || 'unknown';
|
||||
}
|
||||
|
||||
export default function ChatPanel({ hideInput = false, hideSpectatorNotice = false, fullHeight = false }) {
|
||||
export default function ChatPanel({ hideInput = false, hideSpectatorNotice = false }) {
|
||||
const { session } = useSession();
|
||||
const { messages, sendMessage, registerInputRef, onInputFocus, onInputBlur, blurChat } = useChat();
|
||||
const [draft, setDraft] = useState('');
|
||||
@@ -57,12 +57,10 @@ export default function ChatPanel({ hideInput = false, hideSpectatorNotice = fal
|
||||
}
|
||||
}
|
||||
|
||||
const listClass = fullHeight ? 'flex-1 min-h-0' : 'h-48';
|
||||
const listClass = 'h-48';
|
||||
|
||||
return (
|
||||
<section
|
||||
className={`panel-section space-y-0.5 text-base ${fullHeight ? 'flex h-full flex-col overflow-hidden' : ''}`}
|
||||
>
|
||||
<section className="panel-section space-y-0.5 text-base">
|
||||
<div className={`surface overflow-y-auto space-y-0.25 ${listClass}`} ref={listRef}>
|
||||
{sorted.length === 0 ? (
|
||||
<p className="text-sm text-slate-500">No messages yet.</p>
|
||||
|
||||
@@ -26,7 +26,7 @@ function formatLabel(user, selfId) {
|
||||
return base;
|
||||
}
|
||||
|
||||
export default function UserListPanel({ hideNicknameForm = false, hideHeader = false, className = '', fullHeight = false }) {
|
||||
export default function UserListPanel({ hideNicknameForm = false, hideHeader = false, className = '' }) {
|
||||
const { session, setNickname } = useSession();
|
||||
const { value } = useSettingsNamespace('profile', { nickname: '' });
|
||||
const lastSyncedSocketRef = useRef(null);
|
||||
@@ -91,12 +91,10 @@ export default function UserListPanel({ hideNicknameForm = false, hideHeader = f
|
||||
return Math.ceil(ms / 1000);
|
||||
}, []);
|
||||
|
||||
const listClass = fullHeight ? 'flex-1 min-h-0' : 'h-48';
|
||||
const listClass = 'h-48';
|
||||
|
||||
return (
|
||||
<section
|
||||
className={`panel-section space-y-0.5 text-base ${fullHeight ? 'flex h-full flex-col overflow-hidden' : ''} ${className}`}
|
||||
>
|
||||
<section className={`panel-section space-y-0.5 text-base ${className}`}>
|
||||
{!hideNicknameForm && (
|
||||
<div className="space-y-0.5">
|
||||
<NicknameForm />
|
||||
|
||||
Reference in New Issue
Block a user