This commit is contained in:
legop3
2025-11-24 03:27:35 -05:00
parent 7bbb039da1
commit 2f9349fb40
7 changed files with 14 additions and 10 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-BP_oTuNY.js"></script> <script type="module" crossorigin src="/assets/index-DgotvrBo.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B9t5gasU.css"> <link rel="stylesheet" crossorigin href="/assets/index-BKtEz15p.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+8 -4
View File
@@ -56,11 +56,15 @@ function useLayoutMode() {
function DesktopLayout({ layout }) { function DesktopLayout({ layout }) {
return ( return (
<div className="flex h-full gap-0.5 overflow-hidden"> <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"> <div className="flex min-h-0 min-w-0 flex-[1.8] flex-col gap-0.5 overflow-y-auto pr-0.5">
<DriverVideoPanel /> <DriverVideoPanel />
<div className="grid grid-cols-2 gap-0.5 max-h-[50vh]"> <div className="grid grid-cols-2 gap-0.5 h-48 overflow-hidden min-h-0">
<UserListPanel fillParent /> <div className="h-full min-h-0">
<ChatPanel fillParent /> <UserListPanel fillParent />
</div>
<div className="h-full min-h-0">
<ChatPanel fillParent />
</div>
</div> </div>
<LogPanel /> <LogPanel />
</div> </div>
+1 -1
View File
@@ -58,7 +58,7 @@ export default function ChatPanel({ hideInput = false, hideSpectatorNotice = fal
} }
const listClass = fillParent const listClass = fillParent
? 'flex-1 min-h-[8rem]' ? 'flex-1 min-h-[8rem] min-h-0'
: 'h-48'; : 'h-48';
return ( return (
+1 -1
View File
@@ -91,7 +91,7 @@ export default function UserListPanel({ hideNicknameForm = false, hideHeader = f
return Math.ceil(ms / 1000); return Math.ceil(ms / 1000);
}, []); }, []);
const listClass = fillParent ? 'flex-1 min-h-[8rem]' : 'h-48'; const listClass = fillParent ? 'flex-1 min-h-[8rem] min-h-0' : 'h-48';
return ( return (
<section <section