forked from
pds.ls/pdsls
atmosphere explorer
add min width to buttons
+2
-2
+2
-2
src/components/create/confirm-submit.tsx
+2
-2
src/components/create/confirm-submit.tsx
···
33
33
<div class="flex items-center gap-2">
34
34
<button
35
35
type="button"
36
-
class="dark:bg-dark-100 flex items-center gap-1.5 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 text-xs hover:bg-neutral-100 dark:border-neutral-600 dark:hover:bg-neutral-700"
36
+
class="dark:bg-dark-100 flex min-w-30 items-center gap-1.5 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 text-xs hover:bg-neutral-100 dark:border-neutral-600 dark:hover:bg-neutral-700"
37
37
onClick={cycleValidate}
38
38
>
39
39
<span
···
79
79
<Button onClick={props.onClose}>Cancel</Button>
80
80
<Button
81
81
onClick={() => props.onConfirm(validate(), recreate())}
82
-
class="dark:shadow-dark-700 rounded-lg bg-blue-500 px-2 py-1.5 text-xs text-white shadow-xs select-none hover:bg-blue-600 active:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-500 dark:active:bg-blue-400"
82
+
class="dark:shadow-dark-700 min-w-12 rounded-lg bg-blue-500 px-2 py-1.5 text-xs text-white shadow-xs select-none hover:bg-blue-600 active:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-500 dark:active:bg-blue-400"
83
83
>
84
84
{props.isCreate ? "Create" : "Edit"}
85
85
</Button>