vip tab restyling

This commit is contained in:
legop3
2026-04-26 23:23:52 -04:00
parent b92034ecab
commit 92fde05847
6 changed files with 129 additions and 133 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-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-BH5wEcCw.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CkmtWYSn.css">
<script type="module" crossorigin src="/assets/index-DnfihTn0.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DVTOmRBl.css">
</head>
<body>
<div id="root"></div>
+5 -12
View File
@@ -50,17 +50,10 @@ export default function VipPanel() {
};
return (
<section className="panel-section space-y-0.5 text-base">
<div className="grid gap-0.5 grid-cols-1 lg:grid-cols-[minmax(0,1.25fr)_minmax(0,0.9fr)]">
<section className="space-y-2 text-base">
<div className="grid gap-2 grid-cols-1 lg:grid-cols-[minmax(0,1.25fr)_minmax(0,0.9fr)]">
{!isVerified ? (
<div className="lg:col-span-2">
{isVerified ? (
<section className="surface w-full">
<div className="mx-auto flex w-full max-w-md flex-col items-center space-y-0.5 text-center">
<p className="text-sm text-emerald-300">Verification complete</p>
<p className="text-xs text-slate-400">VIP controls are unlocked for your assigned rover.</p>
</div>
</section>
) : (
<VipVerificationCard
pendingRequestId={pendingRequestId}
currentStoredKey={currentStoredKey}
@@ -70,12 +63,12 @@ export default function VipPanel() {
onMessage={setMessage}
fullWidth
/>
)}
</div>
) : null}
<div className="lg:col-span-2">
{isVerified ? (
<div className="space-y-0.5">
<div className="space-y-2">
<VipNeatoCard
neato={session?.neato || null}
onStart={neatoStart}
@@ -739,7 +739,9 @@ export default function VipAudioUploadCard({
);
return (
<div className="grid gap-0.5">
<section className="surface">
<div className="grid gap-1">
<p className="text-sm text-slate-100 text-center">Audio Controls</p>
<section className="surface">
<div className="flex items-center justify-center gap-0.5 py-0.25 text-xs text-slate-300">
<span>Push-to-Talk Key</span>
@@ -861,5 +863,6 @@ export default function VipAudioUploadCard({
</div>
</section>
</div>
</section>
);
}