diff --git a/web/src/app.css b/web/src/app.css index 6cf41d300f..1cffb3d90a 100644 --- a/web/src/app.css +++ b/web/src/app.css @@ -56,6 +56,14 @@ input:focus-visible { outline: none !important; } +.text-white-shadow { + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); +} + +.icon-white-drop-shadow { + filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8)); +} + @layer utilities { .immich-form-input { @apply rounded-xl bg-slate-200 p-4 text-sm focus:border-immich-primary disabled:cursor-not-allowed disabled:bg-gray-400 disabled:text-gray-200 dark:bg-gray-600 dark:text-immich-dark-fg dark:disabled:bg-gray-800; diff --git a/web/src/lib/components/album-page/album-card.svelte b/web/src/lib/components/album-page/album-card.svelte index 0aa2ea867d..3072d21502 100644 --- a/web/src/lib/components/album-page/album-card.svelte +++ b/web/src/lib/components/album-page/album-card.svelte @@ -74,7 +74,7 @@ data-testid="context-button-parent" > - + {/if} diff --git a/web/src/lib/components/faces-page/people-card.svelte b/web/src/lib/components/faces-page/people-card.svelte index 3b1dc02176..0f41ef6983 100644 --- a/web/src/lib/components/faces-page/people-card.svelte +++ b/web/src/lib/components/faces-page/people-card.svelte @@ -25,7 +25,9 @@ {#if person.name} - + {person.name} {/if} @@ -40,7 +42,7 @@ id={`icon-${person.id}`} > - + {#if showContextMenu}