mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 09:31:20 -04:00
wuhw
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-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>
|
||||||
|
|||||||
@@ -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>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user