mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
finally... button..
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-D4Rkqg1a.js"></script>
|
<script type="module" crossorigin src="/assets/index-cDTlxmMF.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-BhKFQa9T.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-BhKFQa9T.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -119,7 +119,7 @@ export function InlineCameraTilt({ keymap }) {
|
|||||||
const nightVisionLabel = formatKeyLabel(keymap?.nightVisionToggle?.[0]);
|
const nightVisionLabel = formatKeyLabel(keymap?.nightVisionToggle?.[0]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="surface space-y-0.5 px-1 py-1 text-sm text-slate-200">
|
<div className="surface space-y-0.5 p-0 text-sm text-slate-200">
|
||||||
{nightVisionAvailable && (
|
{nightVisionAvailable && (
|
||||||
<NightVisionControl
|
<NightVisionControl
|
||||||
nightVisionOn={nightVisionState?.nightVisionOn}
|
nightVisionOn={nightVisionState?.nightVisionOn}
|
||||||
@@ -129,7 +129,7 @@ export function InlineCameraTilt({ keymap }) {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
{enabled && (
|
{enabled && (
|
||||||
<>
|
<div className="space-y-0.5 px-1 py-1">
|
||||||
<div className="flex items-center justify-between text-xs text-slate-300">
|
<div className="flex items-center justify-between text-xs text-slate-300">
|
||||||
<span>Camera tilt</span>
|
<span>Camera tilt</span>
|
||||||
<span className="font-mono text-slate-100">{formatDegrees(value)}</span>
|
<span className="font-mono text-slate-100">{formatDegrees(value)}</span>
|
||||||
@@ -158,7 +158,7 @@ export function InlineCameraTilt({ keymap }) {
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -40,7 +40,7 @@ export default function NightVisionControl({
|
|||||||
'group flex w-full items-center justify-between rounded-xl border-2 px-1 py-0.75 text-xs font-semibold';
|
'group flex w-full items-center justify-between rounded-xl border-2 px-1 py-0.75 text-xs font-semibold';
|
||||||
const active = 'border-emerald-300/70 bg-emerald-800 text-emerald-50 hover:bg-emerald-700';
|
const active = 'border-emerald-300/70 bg-emerald-800 text-emerald-50 hover:bg-emerald-700';
|
||||||
const inactive = 'border-amber-300/70 bg-amber-900 text-amber-50 hover:bg-amber-800';
|
const inactive = 'border-amber-300/70 bg-amber-900 text-amber-50 hover:bg-amber-800';
|
||||||
return [base, displayOn ? active : inactive, 'transition disabled:opacity-50', className]
|
return [base, displayOn ? active : inactive, 'disabled:opacity-50', className]
|
||||||
.filter(Boolean)
|
.filter(Boolean)
|
||||||
.join(' ');
|
.join(' ');
|
||||||
}, [className, displayOn]);
|
}, [className, displayOn]);
|
||||||
|
|||||||
Reference in New Issue
Block a user