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-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-BH5wEcCw.js"></script> <script type="module" crossorigin src="/assets/index-DnfihTn0.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CkmtWYSn.css"> <link rel="stylesheet" crossorigin href="/assets/index-DVTOmRBl.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+5 -12
View File
@@ -50,17 +50,10 @@ export default function VipPanel() {
}; };
return ( return (
<section className="panel-section space-y-0.5 text-base"> <section className="space-y-2 text-base">
<div className="grid gap-0.5 grid-cols-1 lg:grid-cols-[minmax(0,1.25fr)_minmax(0,0.9fr)]"> <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"> <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 <VipVerificationCard
pendingRequestId={pendingRequestId} pendingRequestId={pendingRequestId}
currentStoredKey={currentStoredKey} currentStoredKey={currentStoredKey}
@@ -70,12 +63,12 @@ export default function VipPanel() {
onMessage={setMessage} onMessage={setMessage}
fullWidth fullWidth
/> />
)}
</div> </div>
) : null}
<div className="lg:col-span-2"> <div className="lg:col-span-2">
{isVerified ? ( {isVerified ? (
<div className="space-y-0.5"> <div className="space-y-2">
<VipNeatoCard <VipNeatoCard
neato={session?.neato || null} neato={session?.neato || null}
onStart={neatoStart} onStart={neatoStart}
@@ -739,7 +739,9 @@ export default function VipAudioUploadCard({
); );
return ( 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"> <section className="surface">
<div className="flex items-center justify-center gap-0.5 py-0.25 text-xs text-slate-300"> <div className="flex items-center justify-center gap-0.5 py-0.25 text-xs text-slate-300">
<span>Push-to-Talk Key</span> <span>Push-to-Talk Key</span>
@@ -861,5 +863,6 @@ export default function VipAudioUploadCard({
</div> </div>
</section> </section>
</div> </div>
</section>
); );
} }