mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 17:40:46 -04:00
fix
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -11,7 +11,7 @@
|
|||||||
<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-CEe1q-KX.js"></script>
|
<script type="module" crossorigin src="/assets/index-CZe46TcG.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-C3BucANX.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-C3BucANX.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -13,6 +13,7 @@ import useDefaultNickname from '../hooks/useDefaultNickname.js';
|
|||||||
import CommunityGoalBanner from '../components/CommunityGoalBanner.jsx';
|
import CommunityGoalBanner from '../components/CommunityGoalBanner.jsx';
|
||||||
import RoverQueuesPanel from '../components/RoverQueuesPanel.jsx';
|
import RoverQueuesPanel from '../components/RoverQueuesPanel.jsx';
|
||||||
import RawUserPilePanel from '../components/RawUserPilePanel.jsx';
|
import RawUserPilePanel from '../components/RawUserPilePanel.jsx';
|
||||||
|
import ButtonBoxPanel from '../components/ButtonBoxPanel.jsx';
|
||||||
|
|
||||||
function usePortraitLayout() {
|
function usePortraitLayout() {
|
||||||
const [isPortrait, setIsPortrait] = useState(() => {
|
const [isPortrait, setIsPortrait] = useState(() => {
|
||||||
@@ -177,25 +178,21 @@ function SpectatorContent() {
|
|||||||
{isPortraitLayout ? (
|
{isPortraitLayout ? (
|
||||||
<div className={`${topBarItemClass} ${portraitItemHeight} flex flex-col gap-0.5`}>
|
<div className={`${topBarItemClass} ${portraitItemHeight} flex flex-col gap-0.5`}>
|
||||||
<CommunityGoalBanner layout="desktop" dismissable={false} className="text-sm" />
|
<CommunityGoalBanner layout="desktop" dismissable={false} className="text-sm" />
|
||||||
<div className="min-h-0 overflow-y-auto">
|
<ButtonBoxPanel />
|
||||||
<div className="panel h-full">
|
<div className="min-h-0 flex-1">
|
||||||
<RoverQueuesPanel title="Rovers" />
|
<RawUserPilePanel hideNicknameForm hideHeader compact fillHeight className="h-full" />
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className={topBarItemClass}>
|
<div className={topBarItemClass}>
|
||||||
<CommunityGoalBanner layout="desktop" dismissable={false} className="text-sm" />
|
<CommunityGoalBanner layout="desktop" dismissable={false} className="text-sm" />
|
||||||
|
<ButtonBoxPanel />
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className={`${topBarItemClass} ${isPortraitLayout ? `${portraitItemHeight} overflow-y-auto` : ''}`}>
|
<div className={`${topBarItemClass} ${isPortraitLayout ? `${portraitItemHeight} overflow-y-auto` : ''}`}>
|
||||||
{isPortraitLayout ? (
|
<div className="panel h-full">
|
||||||
<RawUserPilePanel hideNicknameForm hideHeader compact fillHeight className="h-full" />
|
<RoverQueuesPanel title="Rovers" />
|
||||||
) : (
|
</div>
|
||||||
<div className="panel h-full">
|
|
||||||
<RoverQueuesPanel title="Rovers" />
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
{!isPortraitLayout ? (
|
{!isPortraitLayout ? (
|
||||||
<div className={`${topBarItemClass} flex-1 min-h-0`}>
|
<div className={`${topBarItemClass} flex-1 min-h-0`}>
|
||||||
|
|||||||
Reference in New Issue
Block a user