legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 09:31:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

LOTS OF STYLING STUFF FINALLY THAT I HAD TO DO FINALYL AAUUFH

Browse Source
This commit is contained in:
legop3
2026-06-01 23:21:44 -04:00
parent 2e83a142ec
commit 56607f41ec
25 changed files with 169 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/CameraTiltControl/index.jsx
+7 -3
View File
@@ -10,7 +10,7 @@ function formatDegrees(value) {
function KeyPill({ label }) {
if (!label) return null;
return <span className="rounded border border-white/40 px-1 text-[0.7rem] text-white">{label}</span>;
return <span className="rounded bg-slate-800 px-1 py-0.5 text-[0.6rem] font-semibold text-slate-200">{label}</span>;
}
export default function CameraTiltControl({
@@ -143,10 +143,14 @@ export default function CameraTiltControl({
}
return (
<div className={`space-y-0.5 ${className}`.trim()}>
<div className={`space-y-0.5 ${disabled ? 'opacity-50' : ''} ${className}`.trim()}>
<div className={`flex items-center justify-between ${labelRowClass}`.trim()}>
<span className={labelClass}>{label}</span>
{showValue ? <span className={valueClass}>{formatDegrees(value)}</span> : null}
{showValue ? (
<span className={`rounded bg-slate-800 px-1 py-0.5 text-[0.7rem] font-semibold ${valueClass}`.trim()}>
{formatDegrees(value)}
</span>
) : null}
</div>
<div>
{slider}