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
+1 -1
View File
@@ -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>
);
}