added drawings to feed
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
export interface GalleryImage {
|
||||
src: string;
|
||||
alt: string;
|
||||
desc: string;
|
||||
desc: string[];
|
||||
}
|
||||
|
||||
let {
|
||||
@@ -36,7 +36,11 @@
|
||||
<button class="gallery-button" onclick={galleryBack}><</button>
|
||||
<div class="gallery-text-container">
|
||||
<p class="gallery-index">{currentIndex + 1} / {images.length}</p>
|
||||
<p>{@html images[currentIndex].desc}</p>
|
||||
<div class="gallery-desc-container">
|
||||
{#each images[currentIndex].desc as d}
|
||||
<p>{@html d}</p>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
<button class="gallery-button" onclick={galleryForward}>></button>
|
||||
</div>
|
||||
@@ -107,6 +111,17 @@
|
||||
height: fit-content;
|
||||
font-size: 1.0rem;
|
||||
line-height: 1.4rem;
|
||||
/* margin: 0; */
|
||||
}
|
||||
|
||||
.gallery-desc-container {
|
||||
margin-bottom: 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
.gallery-desc-container p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.gallery-button-container {
|
||||
|
||||
Reference in New Issue
Block a user