fix: update button styles in confirmation dialog for improved accessibility

yaroslav8765 · yaroslav8765 · commit b8522c99ec96 · 2026-01-28T12:43:29.000+02:00
diff --git a/adminforth/spa/src/afcl/Dialog.vue b/adminforth/spa/src/afcl/Dialog.vue
@@ -62,7 +62,7 @@
             <p class="mb-6 text-lightDialogBodyText dark:text-darkDialogBodyText">{{ props.closeConfirmationText }}</p>
             <div class="flex justify-end">
               <Button
-                class="me-3"
+                class="me-3 !bg-gray-50 dark:!bg-gray-700 !text-lightDialogBodyText dark:!text-darkDialogBodyText hover:!bg-gray-100 dark:hover:!bg-gray-600 !border-gray-200 dark:!border-gray-600"
                 @click="showConfirmationOnClose = false"
               >
                 Cancel

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@`
`62`	`62`	`<p class="mb-6 text-lightDialogBodyText dark:text-darkDialogBodyText">{{ props.closeConfirmationText }}</p>`
`63`	`63`	`<div class="flex justify-end">`
`64`	`64`	`<Button`
`65`		`- class="me-3"`
	`65`	`+ class="me-3 !bg-gray-50 dark:!bg-gray-700 !text-lightDialogBodyText dark:!text-darkDialogBodyText hover:!bg-gray-100 dark:hover:!bg-gray-600 !border-gray-200 dark:!border-gray-600"`
`66`	`66`	`@click="showConfirmationOnClose = false"`
`67`	`67`	`>`
`68`	`68`	`Cancel`