diff options
| author | Wolfgang Müller | 2024-11-22 18:17:57 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2024-11-22 18:17:57 +0100 |
| commit | 387550086a00b5a1b8221c1528e6f616430e7b3c (patch) | |
| tree | b92625ebd3fd658410aa7bce1bdb31e53be72949 /frontend/src/lib/components | |
| parent | 940ef5c245d29b1441bfa1a88c808f637075b109 (diff) | |
| download | hircine-387550086a00b5a1b8221c1528e6f616430e7b3c.tar.gz | |
Elements now have a consistent style applied to them when in focus.
Additionally, select elements will now have an outline when focused,
making it easier to notice the currently selected element.
Diffstat (limited to '')
| -rw-r--r-- | frontend/src/lib/components/Card.svelte | 2 | ||||
| -rw-r--r-- | frontend/src/lib/components/Titlebar.svelte | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/frontend/src/lib/components/Card.svelte b/frontend/src/lib/components/Card.svelte index 2384799..d209517 100644 --- a/frontend/src/lib/components/Card.svelte +++ b/frontend/src/lib/components/Card.svelte @@ -34,7 +34,7 @@ <a {href} - class="grid-card-v sm:grid-card-h relative grid overflow-hidden rounded bg-slate-900 shadow-md shadow-slate-950/30" + class="grid-card-v sm:grid-card-h focus-thick focus-blue relative grid overflow-hidden rounded bg-slate-900 shadow-md shadow-slate-950/30" class:compact class:grid-card-cover-only={coverOnly} on:click diff --git a/frontend/src/lib/components/Titlebar.svelte b/frontend/src/lib/components/Titlebar.svelte index 8aab2dd..2cdfa70 100644 --- a/frontend/src/lib/components/Titlebar.svelte +++ b/frontend/src/lib/components/Titlebar.svelte @@ -14,7 +14,7 @@ {#if favourite !== undefined} <button type="button" - class="mr-1 flex items-center" + class="focus-background mr-1 flex items-center" title="Toggle favourite" on:click={() => dispatch('favourite')} > |