Infrastructure/immich
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-07 00:50:23 -05:00
Code Issues Activity

Use proper text/drop shadow on tree-dots icon and face name (#3800)

Browse source
This commit is contained in:
Daniele Ricci 2023-08-21 01:36:31 +02:00 committed by GitHub
parent 6aed1180e7
commit e2afc43506
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
web/src/app.css
View file

@ -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;

2
web/src/lib/components/album-page/album-card.svelte
View file

@ -74,7 +74,7 @@
data-testid="context-button-parent"
>
<IconButton color="overlay-primary">
<DotsVertical size="20" />
<DotsVertical size="20" class="icon-white-drop-shadow" color="white" />
</IconButton>
</div>
{/if}

6
web/src/lib/components/faces-page/people-card.svelte
View file

@ -25,7 +25,9 @@
<ImageThumbnail shadow url={api.getPeopleThumbnailUrl(person.id)} altText={person.name} widthStyle="100%" />
</div>
{#if person.name}
<span class="absolute bottom-2 left-0 w-full select-text px-1 text-center font-medium text-white">
<span
class="text-white-shadow absolute bottom-2 left-0 w-full select-text px-1 text-center font-medium text-white"
>
{person.name}
</span>
{/if}
@ -40,7 +42,7 @@
id={`icon-${person.id}`}
>
<IconButton color="transparent-primary">
<DotsVertical size="20" />
<DotsVertical size="20" class="icon-white-drop-shadow" color="white" />
</IconButton>
{#if showContextMenu}