This commit is contained in:
legop3
2025-11-24 03:20:06 -05:00
parent a4a3016c05
commit f80d2445b0
7 changed files with 17 additions and 21 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-D2Jm6syg.js"></script> <script type="module" crossorigin src="/assets/index-DCz0m6Ns.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C9IjFgQB.css"> <link rel="stylesheet" crossorigin href="/assets/index-BIRlXFVL.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+2 -6
View File
@@ -58,12 +58,8 @@ export default function ChatPanel({ hideInput = false, hideSpectatorNotice = fal
} }
return ( return (
<section className="panel-section space-y-0.5 text-base"> <section className="panel-section flex h-full flex-col space-y-0.5 text-base overflow-hidden">
{/* <div className="flex items-center justify-between text-sm text-slate-400"> <div className="surface flex-1 min-h-[8rem] overflow-y-auto space-y-0.25" ref={listRef}>
<span>Chat</span>
<span className="text-xs text-slate-500">{sorted.length}</span>
</div> */}
<div className="surface h-48 overflow-y-auto space-y-0.25" ref={listRef}>
{sorted.length === 0 ? ( {sorted.length === 0 ? (
<p className="text-sm text-slate-500">No messages yet.</p> <p className="text-sm text-slate-500">No messages yet.</p>
) : ( ) : (
+2 -2
View File
@@ -92,7 +92,7 @@ export default function UserListPanel({ hideNicknameForm = false, hideHeader = f
}, []); }, []);
return ( return (
<section className={`panel-section space-y-0.5 text-base ${className}`}> <section className={`panel-section flex h-full flex-col space-y-0.5 overflow-hidden text-base ${className}`}>
{!hideNicknameForm && ( {!hideNicknameForm && (
<div className="space-y-0.5"> <div className="space-y-0.5">
<NicknameForm /> <NicknameForm />
@@ -109,7 +109,7 @@ export default function UserListPanel({ hideNicknameForm = false, hideHeader = f
</span> </span>
</div> </div>
)} )}
<div className="surface h-48 overflow-y-auto space-y-0.25"> <div className="surface flex-1 min-h-[8rem] overflow-y-auto space-y-0.25">
{isTurnsMode ? ( {isTurnsMode ? (
Object.keys(turnQueues || {}).length === 0 ? ( Object.keys(turnQueues || {}).length === 0 ? (
<p className="text-sm text-slate-500">No turn queues yet.</p> <p className="text-sm text-slate-500">No turn queues yet.</p>
+2 -2
View File
@@ -88,10 +88,10 @@ function SecondaryRow() {
return ( return (
<section className="grid grid-cols-1 gap-0.5 lg:grid-cols-[2fr_1fr_1fr]"> <section className="grid grid-cols-1 gap-0.5 lg:grid-cols-[2fr_1fr_1fr]">
<RoomCameraPanel defaultOrientation="horizontal" hideLayoutToggle hideHeader /> <RoomCameraPanel defaultOrientation="horizontal" hideLayoutToggle hideHeader />
<div className="flex flex-col"> <div className="flex h-full flex-col">
<UserListPanel hideNicknameForm hideHeader /> <UserListPanel hideNicknameForm hideHeader />
</div> </div>
<div className="flex flex-col"> <div className="flex h-full flex-col">
<ChatPanel hideInput hideSpectatorNotice /> <ChatPanel hideInput hideSpectatorNotice />
</div> </div>
</section> </section>