web/ProcessingStatus: visually distinct focus ring

2025-04-27 20:30:39 +06:00
parent d25e9b628e
commit e3a60d8775
1 changed files with 3 additions and 2 deletions
--- a/web/src/components/queue/ProcessingStatus.svelte
+++ b/web/src/components/queue/ProcessingStatus.svelte
@@ -51,7 +51,8 @@
    }

    #processing-status:focus-visible {
-        box-shadow: 0 0 0 2px var(--white) !important;
+        outline: 2px solid var(--secondary);
+        outline-offset: 2px;
    }

    #processing-status:active {
@@ -59,7 +60,7 @@
    }

    #processing-status.completed {
-        box-shadow: var(--focus-ring);
+        box-shadow: 0 0 0 2px var(--blue) inset;
    }

    :global([data-theme="light"]) #processing-status.completed {