forked from
pds.ls/pdsls
atmosphere explorer
change submit buttons style
+7
-7
+7
-7
src/components/create/confirm-submit.tsx
+7
-7
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 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"
36
+
class="-ml-2 flex min-w-30 items-center gap-1.5 rounded-lg px-2 py-1 text-xs hover:bg-neutral-200 dark:hover:bg-neutral-700"
37
37
onClick={cycleValidate}
38
38
>
39
39
<span
40
40
classList={{
41
41
iconify: true,
42
-
"lucide--circle-check text-green-500 dark:text-green-400": validate() === true,
43
-
"lucide--circle-x text-red-500 dark:text-red-400": validate() === false,
44
-
"lucide--circle text-neutral-500 dark:text-neutral-400": validate() === undefined,
42
+
"lucide--square-check text-green-500 dark:text-green-400": validate() === true,
43
+
"lucide--square-x text-red-500 dark:text-red-400": validate() === false,
44
+
"lucide--square text-neutral-500 dark:text-neutral-400": validate() === undefined,
45
45
}}
46
46
></span>
47
47
<span>Validate: {getValidateLabel()}</span>
···
57
57
<div class="flex items-center gap-2">
58
58
<button
59
59
type="button"
60
-
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"
60
+
class="-ml-2 flex items-center gap-1.5 rounded-lg px-2 py-1 text-xs hover:bg-neutral-200 dark:hover:bg-neutral-700"
61
61
onClick={() => setRecreate(!recreate())}
62
62
>
63
63
<span
64
64
classList={{
65
65
iconify: true,
66
-
"lucide--circle-check text-green-500 dark:text-green-400": recreate(),
67
-
"lucide--circle text-neutral-500 dark:text-neutral-400": !recreate(),
66
+
"lucide--square-check text-green-500 dark:text-green-400": recreate(),
67
+
"lucide--square text-neutral-500 dark:text-neutral-400": !recreate(),
68
68
}}
69
69
></span>
70
70
<span>Recreate</span>