sjs/immich
1
0
Fork 0
mirror of https://github.com/samsonjs/immich.git synced 2026-04-27 15:07:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): added background gradient for video time visibility (#25138)

Browse source 
* fix(web): added background gradient for video time visibility

* fix(web): removed background gradient and added shadow to text and icon
This commit is contained in:
Hemendra Singh Shekhawat 2026-01-12 21:16:23 +05:30 committed by GitHub
parent afe925a55e
commit 7992fe85d6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/lib/components/assets/thumbnail/video-thumbnail.svelte
View file

@ -85,7 +85,9 @@
></video> ></video>
{/if} {/if}
<div class="absolute end-0 top-0 flex place-items-center gap-1 text-xs font-medium text-white"> <div
class="absolute end-0 top-0 flex place-items-center gap-1 text-xs font-medium text-white text-shadow-[1px_1px_6px_rgb(0_0_0)]"
>
{#if showTime} {#if showTime}
<span class="pt-2"> <span class="pt-2">
{#if remainingSeconds < 60} {#if remainingSeconds < 60}
@ -99,7 +101,7 @@
{/if} {/if}
<!-- svelte-ignore a11y_no_static_element_interactions --> <!-- svelte-ignore a11y_no_static_element_interactions -->
<span class="pe-2 pt-2" onmouseenter={onMouseEnter} onmouseleave={onMouseLeave}> <span class="pe-2 pt-2 drop-shadow-[1px_1px_6px_rgb(0_0_0)]" onmouseenter={onMouseEnter} onmouseleave={onMouseLeave}>
{#if enablePlayback} {#if enablePlayback}
{#if loading} {#if loading}
<LoadingSpinner /> <LoadingSpinner />