mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
yippee!!!
This commit is contained in:
@@ -12,7 +12,7 @@ function useTabsContext() {
|
||||
|
||||
const TAB_VARIANTS = {
|
||||
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',
|
||||
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 = '' }) {
|
||||
return (
|
||||
<div
|
||||
className={`rounded-md border px-0.5 py-0.5 text-xs transition-colors ${
|
||||
active
|
||||
? 'border-emerald-300/80 bg-emerald-500/20 text-emerald-200'
|
||||
: 'border-slate-700 bg-slate-900/50 text-slate-400'
|
||||
className={`rounded-md px-0.5 py-0.5 text-xs text-slate-100 ${
|
||||
active ? 'bg-emerald-500' : 'bg-slate-700'
|
||||
}`}
|
||||
>
|
||||
<div className="font-medium">{label}</div>
|
||||
<div className="text-[0.72rem] opacity-90">{detail || (active ? 'active' : 'idle')}</div>
|
||||
<div className="text-center font-medium">{label}</div>
|
||||
<div className="text-center text-[0.72rem] opacity-90">{detail || (active ? 'active' : 'idle')}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user