clean up connection pillio

This commit is contained in:
legop3
2026-05-29 18:34:44 -04:00
parent 9daab1203f
commit e108eaa4eb
5 changed files with 8 additions and 8 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="Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Roomba Rover" />
<title>Roomba Rover</title> <title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-4wUtzGNB.js"></script> <script type="module" crossorigin src="/assets/index-jVimdn6k.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BpQe7PYg.css"> <link rel="stylesheet" crossorigin href="/assets/index-CIj_suyF.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
@@ -87,10 +87,10 @@ export default function SocketConnectionPill() {
const detail = connected ? '' : lastReason; const detail = connected ? '' : lastReason;
const toneClass = connected const toneClass = connected
? 'border-emerald-300/40 bg-emerald-700/70 text-emerald-100' ? 'bg-emerald-700 text-emerald-100'
: offline : offline
? 'border-red-300/50 bg-red-800/80 text-red-100' ? 'bg-red-800 text-red-100'
: 'border-amber-300/50 bg-amber-800/80 text-amber-100'; : 'bg-amber-800 text-amber-100';
return ( return (
<div <div
@@ -101,7 +101,7 @@ export default function SocketConnectionPill() {
)} )}
aria-live="polite" aria-live="polite"
> >
<div className={cls('rounded-md border px-2 py-1 text-xs shadow-lg backdrop-blur-sm', toneClass)}> <div className={cls('rounded-sm px-2 py-1 text-xs', toneClass)}>
<span className="font-semibold">{statusLabel}</span> <span className="font-semibold">{statusLabel}</span>
{detail ? <span className="ml-1 opacity-85">({detail})</span> : null} {detail ? <span className="ml-1 opacity-85">({detail})</span> : null}
</div> </div>