button arrangement

This commit is contained in:
legop3
2026-04-26 22:53:05 -04:00
parent ae6d2df0a2
commit a5705ede2b
3 changed files with 25 additions and 27 deletions
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -11,7 +11,7 @@
<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-0tnY0iyj.js"></script> <script type="module" crossorigin src="/assets/index-q0gF1Yja.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CxK87LGk.css"> <link rel="stylesheet" crossorigin href="/assets/index-CxK87LGk.css">
</head> </head>
<body> <body>
+2 -4
View File
@@ -135,12 +135,12 @@ export default function VipNeatoCard({
<div className="grid gap-0.5 grid-cols-1 lg:grid-cols-[minmax(0,1.2fr)_minmax(0,0.8fr)]"> <div className="grid gap-0.5 grid-cols-1 lg:grid-cols-[minmax(0,1.2fr)_minmax(0,0.8fr)]">
<section className="surface-muted px-0.5 py-0.5"> <section className="surface-muted px-0.5 py-0.5">
<div className="grid grid-cols-1 md:grid-cols-3 gap-0.5">
<div className="grid gap-0.5"> <div className="grid gap-0.5">
<div className="rounded-md bg-slate-800 px-1 py-0.75 text-center"> <div className="rounded-md bg-slate-800 px-1 py-0.75 text-center">
<div className="text-xs text-slate-300">State</div> <div className="text-xs text-slate-300">State</div>
<div className="text-base font-semibold text-slate-100">{primaryState}</div> <div className="text-base font-semibold text-slate-100">{primaryState}</div>
</div> </div>
<div className="grid grid-cols-2 gap-0.5">
<button <button
type="button" type="button"
disabled={!canRunPrimary || Boolean(working)} disabled={!canRunPrimary || Boolean(working)}
@@ -149,8 +149,8 @@ export default function VipNeatoCard({
> >
{working === primaryAction.key ? primaryAction.pending : primaryAction.label} {working === primaryAction.key ? primaryAction.pending : primaryAction.label}
</button> </button>
</div>
<div className="grid grid-cols-2 gap-0.5">
<button <button
type="button" type="button"
disabled={!canRunLocate || Boolean(working)} disabled={!canRunLocate || Boolean(working)}
@@ -168,8 +168,6 @@ export default function VipNeatoCard({
{working === 'clearErrors' ? 'Clearing...' : 'Clear errors'} {working === 'clearErrors' ? 'Clearing...' : 'Clear errors'}
</button> </button>
</div> </div>
</div>
</div>
</section> </section>
<section className="surface-muted px-0.5 py-0.5"> <section className="surface-muted px-0.5 py-0.5">