yippee!!!

This commit is contained in:
legop3
2026-03-21 00:11:27 -04:00
parent 36a6c07f95
commit 54f8684169
6 changed files with 14 additions and 16 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
@@ -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-Bg3-HsWj.js"></script> <script type="module" crossorigin src="/assets/index-C0UkKIE1.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B89HtNlO.css"> <link rel="stylesheet" crossorigin href="/assets/index-yTg2S2g4.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+1 -1
View File
@@ -12,7 +12,7 @@ function useTabsContext() {
const TAB_VARIANTS = { const TAB_VARIANTS = {
primary: { primary: {
base: 'flex-1 px-0.5 py-0.5 text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-slate-500 rounded-md border border-slate-800', base: 'flex-1 px-0.5 py-0.5 text-sm font-medium focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-slate-500 rounded-md border border-slate-800',
active: 'bg-sky-600 text-white border-white', active: 'bg-sky-600 text-white border-white',
inactive: 'bg-zinc-900 text-slate-300 hover:bg-sky-500 hover:text-white', inactive: 'bg-zinc-900 text-slate-300 hover:bg-sky-500 hover:text-white',
}, },
@@ -158,14 +158,12 @@ function waitForOutboundAudioFlow(pc, timeoutMs = 6000) {
function StatusIndicator({ label, active, detail = '' }) { function StatusIndicator({ label, active, detail = '' }) {
return ( return (
<div <div
className={`rounded-md border px-0.5 py-0.5 text-xs transition-colors ${ className={`rounded-md px-0.5 py-0.5 text-xs text-slate-100 ${
active active ? 'bg-emerald-500' : 'bg-slate-700'
? 'border-emerald-300/80 bg-emerald-500/20 text-emerald-200'
: 'border-slate-700 bg-slate-900/50 text-slate-400'
}`} }`}
> >
<div className="font-medium">{label}</div> <div className="text-center font-medium">{label}</div>
<div className="text-[0.72rem] opacity-90">{detail || (active ? 'active' : 'idle')}</div> <div className="text-center text-[0.72rem] opacity-90">{detail || (active ? 'active' : 'idle')}</div>
</div> </div>
); );
} }