swap stuff around because of how stupid safari is i hate apple i hate apple i hate apple

This commit is contained in:
legop3
2026-01-31 21:01:23 -05:00
parent 133b433255
commit 7c1b290df3
4 changed files with 25 additions and 29 deletions
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-DzclZiZg.js"></script> <script type="module" crossorigin src="/assets/index-KTCc4kAq.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-3N52jGFe.css"> <link rel="stylesheet" crossorigin href="/assets/index-Ddjg29wD.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+21 -25
View File
@@ -277,13 +277,29 @@ function MobileLeftColumnContent({ layout }) {
return ( return (
<div className="grid h-full min-h-0 w-full grid-rows-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)] gap-0.5 text-slate-100"> <div className="grid h-full min-h-0 w-full grid-rows-[minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)] gap-0.5 text-slate-100">
<div className="grid min-h-0 grid-rows-2 gap-0.5">
<MobileAuxButton
id="aux-vac-forward"
label="Vacuum Forward"
values={AUX_ALL_FORWARD}
color="bg-fuchsia-600"
disabled={disabled}
onPress={handleAuxPress}
onRelease={handleAuxRelease}
/>
<MobileAuxButton
id="aux-vac-backward"
label="Vacuum Backward"
values={AUX_ALL_BACKWARD}
color="bg-fuchsia-800"
disabled={disabled}
onPress={handleAuxPress}
onRelease={handleAuxRelease}
/>
</div>
<div className="flex min-h-0 items-stretch gap-0.5"> <div className="flex min-h-0 items-stretch gap-0.5">
{cameraEnabled ? ( {cameraEnabled ? (
<div <div className="flex-1 min-h-0 rounded bg-zinc-950 p-0.25">
className={`flex-1 min-h-0 rounded bg-zinc-950 p-0.25 ${
layout === 'landscape' ? 'pt-3' : ''
}`.trim()}
>
<CameraTiltControl <CameraTiltControl
value={cameraValue} value={cameraValue}
min={cameraMin} min={cameraMin}
@@ -312,26 +328,6 @@ function MobileLeftColumnContent({ layout }) {
/> />
) : null} ) : null}
</div> </div>
<div className="grid min-h-0 grid-rows-2 gap-0.5">
<MobileAuxButton
id="aux-vac-forward"
label="Vacuum Forward"
values={AUX_ALL_FORWARD}
color="bg-fuchsia-600"
disabled={disabled}
onPress={handleAuxPress}
onRelease={handleAuxRelease}
/>
<MobileAuxButton
id="aux-vac-backward"
label="Vacuum Backward"
values={AUX_ALL_BACKWARD}
color="bg-fuchsia-800"
disabled={disabled}
onPress={handleAuxPress}
onRelease={handleAuxRelease}
/>
</div>
<div className="min-h-0"> <div className="min-h-0">
{hornAvailable ? ( {hornAvailable ? (
<HornControl <HornControl