legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-17 10:00:46 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

taller bar, move user list

Browse Source
This commit is contained in:
legop3
2026-01-25 03:01:16 -05:00
parent d7833dbba9
commit b730c98704
5 changed files with 30 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-C2Pt63lU.js → server/public/assets/index-B0bpQQsv.js
+6 -6
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-DsiEQJXa.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-gGdAzNSy.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+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-C2Pt63lU.js"></script> <script type="module" crossorigin src="/assets/index-B0bpQQsv.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DsiEQJXa.css"> <link rel="stylesheet" crossorigin href="/assets/index-gGdAzNSy.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/spectate/SpectatorApp.jsx
+17 -11
View File
@@ -161,32 +161,38 @@ function SpectatorContent() {
? 'order-1 flex min-h-0 w-full items-stretch gap-0.5 overflow-x-auto border-b border-slate-800/60 bg-slate-950/90 p-0.5' ? 'order-1 flex min-h-0 w-full items-stretch gap-0.5 overflow-x-auto border-b border-slate-800/60 bg-slate-950/90 p-0.5'
: 'order-2 flex min-h-0 min-w-0 flex-col gap-0.5 border-l border-slate-800/60 bg-slate-950/90 md:h-full md:overflow-y-auto'; : 'order-2 flex min-h-0 min-w-0 flex-col gap-0.5 border-l border-slate-800/60 bg-slate-950/90 md:h-full md:overflow-y-auto';
const topBarItemClass = isPortraitLayout ? 'min-w-[16rem] max-w-[22rem] flex-1' : ''; const topBarItemClass = isPortraitLayout ? 'min-w-[16rem] max-w-[22rem] flex-1' : '';
const portraitItemHeight = isPortraitLayout ? 'h-64' : '';
return ( return (
<div className="min-h-screen bg-black text-slate-100 md:h-screen md:overflow-hidden"> <div className="min-h-screen bg-black text-slate-100 md:h-screen md:overflow-hidden">
<main className={mainClass}> <main className={mainClass}>
<section className={sidebarClass}> <section className={sidebarClass}>
{isPortraitLayout ? (
<div className={`${topBarItemClass} ${portraitItemHeight} flex flex-col gap-0.5`}>
<CommunityGoalBanner layout="desktop" dismissable={false} className="text-sm" />
<div className="min-h-0 flex-1">
<RawUserPilePanel hideNicknameForm hideHeader compact fillHeight className="h-full" />
</div>
</div>
) : (
<div className={topBarItemClass}> <div className={topBarItemClass}>
<CommunityGoalBanner layout="desktop" dismissable={false} className="text-sm" /> <CommunityGoalBanner layout="desktop" dismissable={false} className="text-sm" />
</div> </div>
<div className={`${topBarItemClass} ${isPortraitLayout ? 'h-32 overflow-y-auto' : ''}`}> )}
<div className={`${topBarItemClass} ${isPortraitLayout ? `${portraitItemHeight} overflow-y-auto` : ''}`}>
<div className="panel h-full"> <div className="panel h-full">
<RoverQueuesPanel title="Rovers" /> <RoverQueuesPanel title="Rovers" />
</div> </div>
</div> </div>
<div className={`${topBarItemClass} ${isPortraitLayout ? 'h-32' : 'flex-1 min-h-0'}`}> {!isPortraitLayout ? (
<RawUserPilePanel <div className={`${topBarItemClass} flex-1 min-h-0`}>
hideNicknameForm <RawUserPilePanel hideNicknameForm hideHeader compact fillHeight className="h-full" />
hideHeader
compact
fillHeight
className="h-full"
/>
</div> </div>
<div className={`${topBarItemClass} ${isPortraitLayout ? 'h-32' : 'flex-[1.1] min-h-0'}`}> ) : null}
<div className={`${topBarItemClass} ${isPortraitLayout ? portraitItemHeight : 'flex-[1.1] min-h-0'}`}>
<ChatPanel hideInput hideSpectatorNotice fillHeight /> <ChatPanel hideInput hideSpectatorNotice fillHeight />
</div> </div>
<div className={`${topBarItemClass} ${isPortraitLayout ? 'h-32' : ''}`}> <div className={`${topBarItemClass} ${isPortraitLayout ? portraitItemHeight : ''}`}>
<LogsRow className={`${isPortraitLayout ? 'h-full' : 'h-40'} overflow-hidden`} /> <LogsRow className={`${isPortraitLayout ? 'h-full' : 'h-40'} overflow-hidden`} />
</div> </div>
</section> </section>