stan/personal-website
1
0
Fork 0
Code Issues 31 Pull Requests Actions Packages Projects Releases Wiki Activity

update blog index page ui

Browse Source
This commit is contained in:
Stan Runge
2026-09-20 02:24:13 +00:00
parent 8ea36dd515
commit 7f04896ff8
1 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/blog/+page.svelte
View File

@@ -46,9 +46,11 @@
{/if} {/if}
</div> </div>
<div class="flex flex-col items-center gap-2">
{#each data.blogArticles as article (article.slug)} {#each data.blogArticles as article (article.slug)}
<div class="flex gap-2 px-4"> <a href={resolve('/blog/[slug]', { slug: article.slug })}>
<a href={resolve('/blog/[slug]', { slug: article.slug })}>{article.title}</a> <div class="flex gap-2 py-2 px-4 border rounded min-w-100">
<p class="font-bold text-md">{article.title}</p>
{#if data.isAdmin && article.status === 'draft'} {#if data.isAdmin && article.status === 'draft'}
<span class="text-xs uppercase text-orange-500">draft</span> <span class="text-xs uppercase text-orange-500">draft</span>
<a href={resolve('/blog/[slug]/edit', { slug: article.slug })} class="text-xs underline" <a href={resolve('/blog/[slug]/edit', { slug: article.slug })} class="text-xs underline"
@@ -57,7 +59,9 @@
{/if} {/if}
<p>{article.createdAt?.toDateString()}</p> <p>{article.createdAt?.toDateString()}</p>
</div> </div>
</a>
{/each} {/each}
</div>
{#if createNewArticlePopup} {#if createNewArticlePopup}
<div class="fixed inset-0 flex items-center justify-center bg-black/40"> <div class="fixed inset-0 flex items-center justify-center bg-black/40">