mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 09:31:20 -04:00
button arrangement
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -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>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user