This commit is contained in:
legop3
2026-04-18 23:30:11 -04:00
parent f4182073ee
commit 3534c8ef14
3 changed files with 16 additions and 19 deletions
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -11,7 +11,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-CEe1q-KX.js"></script>
<script type="module" crossorigin src="/assets/index-CZe46TcG.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C3BucANX.css">
</head>
<body>
+8 -11
View File
@@ -13,6 +13,7 @@ import useDefaultNickname from '../hooks/useDefaultNickname.js';
import CommunityGoalBanner from '../components/CommunityGoalBanner.jsx';
import RoverQueuesPanel from '../components/RoverQueuesPanel.jsx';
import RawUserPilePanel from '../components/RawUserPilePanel.jsx';
import ButtonBoxPanel from '../components/ButtonBoxPanel.jsx';
function usePortraitLayout() {
const [isPortrait, setIsPortrait] = useState(() => {
@@ -177,25 +178,21 @@ function SpectatorContent() {
{isPortraitLayout ? (
<div className={`${topBarItemClass} ${portraitItemHeight} flex flex-col gap-0.5`}>
<CommunityGoalBanner layout="desktop" dismissable={false} className="text-sm" />
<div className="min-h-0 overflow-y-auto">
<div className="panel h-full">
<RoverQueuesPanel title="Rovers" />
</div>
<ButtonBoxPanel />
<div className="min-h-0 flex-1">
<RawUserPilePanel hideNicknameForm hideHeader compact fillHeight className="h-full" />
</div>
</div>
) : (
<div className={topBarItemClass}>
<CommunityGoalBanner layout="desktop" dismissable={false} className="text-sm" />
<ButtonBoxPanel />
</div>
)}
<div className={`${topBarItemClass} ${isPortraitLayout ? `${portraitItemHeight} overflow-y-auto` : ''}`}>
{isPortraitLayout ? (
<RawUserPilePanel hideNicknameForm hideHeader compact fillHeight className="h-full" />
) : (
<div className="panel h-full">
<RoverQueuesPanel title="Rovers" />
</div>
)}
<div className="panel h-full">
<RoverQueuesPanel title="Rovers" />
</div>
</div>
{!isPortraitLayout ? (
<div className={`${topBarItemClass} flex-1 min-h-0`}>