sevenhill/Immich
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): queue buttons focus outline (#31657)

Browse Source
This commit is contained in:
Mees Frensel
2026-09-18 16:35:07 -04:00
committed by GitHub
parent 227ef01718
commit 69e108adf1
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/admin/queues/QueueCard.svelte
+2 -2
View File
@@ -43,7 +43,7 @@
const commonClasses = 'flex place-items-center justify-between w-full py-2 sm:py-4 pe-4 ps-6';
</script>
<div class="sm:rounded-9 flex flex-col overflow-hidden rounded-2xl bg-gray-100 sm:flex-row dark:bg-immich-dark-gray">
<div class="flex flex-col rounded-2xl bg-gray-100 sm:flex-row dark:bg-immich-dark-gray">
<div class="flex w-full flex-col">
{#if queue.isPaused}
<QueueCardBadge color="warning">{$t('paused')}</QueueCardBadge>
@@ -119,7 +119,7 @@
</div>
</div>
</div>
<div class="flex w-full flex-row overflow-hidden sm:w-32 sm:flex-col">
<div class="flex w-full flex-row sm:w-32 sm:flex-col">
{#if disabled}
<QueueCardButton
disabled={true}
web/src/routes/admin/queues/QueueCardButton.svelte
+1 -1
View File
@@ -16,7 +16,7 @@
let { color, disabled = false, onClick = () => {}, children }: Props = $props();
const styles = tv({
base: 'flex size-full flex-col place-content-center place-items-center gap-2 px-8 py-2 text-xs text-gray-600 transition-colors dark:text-gray-200',
base: 'flex size-full flex-col place-content-center place-items-center gap-2 px-6 py-2 text-xs text-gray-600 -outline-offset-2 outline-primary transition-colors first:rounded-es-2xl last:rounded-ee-2xl focus-visible:outline-2 sm:first:rounded-se-2xl sm:first:rounded-es-none dark:text-gray-200',
variants: {
color: {
'light-gray': 'bg-gray-300/80 dark:bg-gray-700',