denizk0461/pages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added shadow to image gallery desc text for better legibility

Browse Source
This commit is contained in:
denizk0461
2026-04-06 20:36:01 +02:00
parent 70730e166b
commit e88eb805fa
1 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/lists/image-gallery.svelte
View File

@@ -37,6 +37,7 @@
<div class="gallery-text-container"> <div class="gallery-text-container">
<p class="gallery-index">{currentIndex + 1} / {images.length}</p> <p class="gallery-index">{currentIndex + 1} / {images.length}</p>
<div class="gallery-desc-container"> <div class="gallery-desc-container">
<p>&nbsp;</p> <!-- this element intentionally left blank -->
{#each images[currentIndex].desc as d} {#each images[currentIndex].desc as d}
<p>{@html d}</p> <p>{@html d}</p>
{/each} {/each}
@@ -89,11 +90,6 @@
} }
.gallery-text-container { .gallery-text-container {
/* position: absolute;
left: 0;
right: 0;
bottom: 0; */
height: 100%; height: 100%;
width: 100%; width: 100%;
display: flex; display: flex;
@@ -111,17 +107,17 @@
height: fit-content; height: fit-content;
font-size: 1.0rem; font-size: 1.0rem;
line-height: 1.4rem; line-height: 1.4rem;
/* margin: 0; */
} }
.gallery-desc-container { .gallery-desc-container {
margin-bottom: 12px; padding-bottom: 12px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
} }
.gallery-desc-container p { .gallery-desc-container p {
margin: 0; margin: 0;
text-shadow: 0 0 8px black;
} }
.gallery-button-container { .gallery-button-container {