Move Cancel left and rename Back to Accept in the block modal

2026-09-11 18:30:08 -05:00
parent 46d7cf66b8
commit 15bb51582b
2 changed files with 34 additions and 14 deletions
@@ -316,16 +316,8 @@
 				<div
 					class="flex shrink-0 items-center justify-between gap-3 border-t border-slate-200 px-6 py-4 dark:border-slate-800"
 				>
-					<div>
-						{#if step === 'browse'}
-							<button
-								type="button"
-								onclick={() => (step = 'details')}
-								class="rounded-md border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-50 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-300 dark:hover:bg-slate-800"
-							>
-								Back
-							</button>
-						{:else if mode === 'edit' && blockId}
+					<div class="flex items-center gap-3">
+						{#if step === 'details' && mode === 'edit' && blockId}
 							<button
 								type="submit"
 								name="intent"
@@ -336,9 +328,6 @@
 								Delete
 							</button>
 						{/if}
-					</div>
-
-					<div class="flex items-center gap-3">
 						<button
 							type="button"
 							onclick={() => onClose?.()}
@@ -346,7 +335,18 @@
 						>
 							Cancel
 						</button>
-						{#if step === 'details'}
+					</div>
+
+					<div class="flex items-center gap-3">
+						{#if step === 'browse'}
+							<button
+								type="button"
+								onclick={() => (step = 'details')}
+								class="rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white transition hover:bg-indigo-700"
+							>
+								Accept
+							</button>
+						{:else}
 							<button
 								type="submit"
 								name="intent"