label adjustments

This commit is contained in:
legop3
2026-07-14 14:47:46 -04:00
parent f6b9fa798e
commit 1c401ff90a
5 changed files with 10 additions and 10 deletions
File diff suppressed because one or more lines are too long
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
@@ -78,8 +78,8 @@
<script defer src="https://analytics.otter.land/script.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land"></script> <script defer src="https://analytics.otter.land/script.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land"></script>
<script defer src="https://analytics.otter.land/recorder.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land" data-sample-rate="0.15" data-mask-level="moderate" data-max-duration="300000"></script> <script defer src="https://analytics.otter.land/recorder.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land" data-sample-rate="0.15" data-mask-level="moderate" data-max-duration="300000"></script>
<title>Roomba Rover</title> <title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-CnPRqSSv.js"></script> <script type="module" crossorigin src="/assets/index-DPK0Bqgk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BCPTvUH6.css"> <link rel="stylesheet" crossorigin href="/assets/index-sm_EKOxJ.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
@@ -20,7 +20,7 @@ export default function DisplayPtzOperatorBadge() {
return ( return (
<aside <aside
className="pointer-events-none fixed bottom-[2vh] right-[2vw] z-[90] max-w-[42vw] border-4 border-sky-200 bg-sky-700 px-[1.4vw] py-[1vh] text-center shadow-[0_0_2rem_rgba(14,165,233,0.45)]" className="pointer-events-none fixed bottom-[2vh] right-[2vw] z-[90] max-w-[42vw] border-4 border-sky-200 bg-sky-700 px-[1.4vw] py-[1vh] text-center"
aria-label={`PTZ operator ${operatorLabel}`} aria-label={`PTZ operator ${operatorLabel}`}
> >
{/* {/*
@@ -29,10 +29,10 @@ export default function DisplayPtzOperatorBadge() {
room, while the smaller prefix prevents the blue box from being mistaken room, while the smaller prefix prevents the blue box from being mistaken
for a rover driver or chat message. for a rover driver or chat message.
*/} */}
<div className="text-[clamp(0.9rem,2.2vh,2rem)] font-black tracking-normal text-sky-100"> <div className="text-7xl font-black tracking-normal text-sky-100">
Ptz camera PTZ camera
</div> </div>
<div className="truncate text-[clamp(1.8rem,5vh,5rem)] font-black leading-none text-white"> <div className="truncate text-9xl font-black leading-none text-white">
{operatorLabel} {operatorLabel}
</div> </div>
</aside> </aside>