removed redundant reverseTextOrder property from gallery
This commit is contained in:
@@ -10,21 +10,18 @@
|
|||||||
|
|
||||||
let {
|
let {
|
||||||
entries,
|
entries,
|
||||||
reverseTextOrder,
|
|
||||||
}: {
|
}: {
|
||||||
entries: GalleryEntry[];
|
entries: GalleryEntry[];
|
||||||
reverseTextOrder?: boolean;
|
|
||||||
} = $props();
|
} = $props();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="post-list">
|
<div class="post-list">
|
||||||
{#each entries as entry}
|
{#each entries as entry}
|
||||||
{@render galleryEntry({entry, reverseTextOrder})}
|
{@render galleryEntry({entry})}
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#snippet galleryEntry({entry, reverseTextOrder}: {entry: GalleryEntry, reverseTextOrder?: boolean})}
|
{#snippet galleryEntry({entry}: {entry: GalleryEntry})}
|
||||||
<!-- {#snippet galleryEntry({key, post, index}: {key: string, post: DevlogPost, index: number})} -->
|
|
||||||
<a class="gallery-container" href="{entry.link}">
|
<a class="gallery-container" href="{entry.link}">
|
||||||
{#if entry.img && entry.img !== ""}
|
{#if entry.img && entry.img !== ""}
|
||||||
<img class="gallery-img" src="{entry.img}" alt="{entry.imgAlt}">
|
<img class="gallery-img" src="{entry.img}" alt="{entry.imgAlt}">
|
||||||
@@ -32,15 +29,9 @@
|
|||||||
<div class="gallery-img-placeholder"></div>
|
<div class="gallery-img-placeholder"></div>
|
||||||
{/if}
|
{/if}
|
||||||
<div class="gallery-text-container">
|
<div class="gallery-text-container">
|
||||||
{#if reverseTextOrder}
|
<p class="gallery-subtitle">{@html entry.subtitle}</p>
|
||||||
<p class="gallery-subtitle">{@html entry.subtitle}</p>
|
<p class="gallery-title">{entry.title}</p>
|
||||||
<p class="gallery-title">{entry.title}</p>
|
<p class="gallery-description">{entry.description}</p>
|
||||||
<p class="gallery-description">{entry.description}</p>
|
|
||||||
{:else}
|
|
||||||
<p class="gallery-title">{entry.title}</p>
|
|
||||||
<p class="gallery-subtitle">{@html entry.subtitle}</p>
|
|
||||||
<p class="gallery-description">{entry.description}</p>
|
|
||||||
{/if}
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
{/snippet}
|
{/snippet}
|
||||||
|
|||||||
@@ -33,5 +33,5 @@
|
|||||||
banner="robert.webp"
|
banner="robert.webp"
|
||||||
bannerAlt="View at a tram bridge rising and then curving to the left." />
|
bannerAlt="View at a tram bridge rising and then curving to the left." />
|
||||||
|
|
||||||
<Gallery entries={entries} reverseTextOrder />
|
<Gallery entries={entries} />
|
||||||
</Content>
|
</Content>
|
||||||
@@ -43,5 +43,5 @@
|
|||||||
|
|
||||||
<p>Development log entries in reverse chronological order (newest to oldest).</p>
|
<p>Development log entries in reverse chronological order (newest to oldest).</p>
|
||||||
|
|
||||||
<Gallery {entries} reverseTextOrder />
|
<Gallery {entries} />
|
||||||
</Content>
|
</Content>
|
||||||
Reference in New Issue
Block a user