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
+2 -6
View File
@@ -58,12 +58,8 @@ export default function ChatPanel({ hideInput = false, hideSpectatorNotice = fal
}
return (
<section className="panel-section space-y-0.5 text-base">
{/* <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>
</div> */}
<div className="surface h-48 overflow-y-auto space-y-0.25" ref={listRef}>
<section className="panel-section flex h-full flex-col space-y-0.5 text-base overflow-hidden">
<div className="surface flex-1 min-h-[8rem] overflow-y-auto space-y-0.25" ref={listRef}>
{sorted.length === 0 ? (
<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 (
<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 && (
<div className="space-y-0.5">
<NicknameForm />
@@ -109,7 +109,7 @@ export default function UserListPanel({ hideNicknameForm = false, hideHeader = f
</span>
</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 ? (
Object.keys(turnQueues || {}).length === 0 ? (
<p className="text-sm text-slate-500">No turn queues yet.</p>
+2 -2
View File
@@ -88,10 +88,10 @@ function SecondaryRow() {
return (
<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">
<div className="flex h-full flex-col">
<UserListPanel hideNicknameForm hideHeader />
</div>
<div className="flex flex-col">
<div className="flex h-full flex-col">
<ChatPanel hideInput hideSpectatorNotice />
</div>
</section>