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

added header for blog post filter tags

Browse Source
This commit is contained in:
denizk0461
2026-03-31 16:53:07 +02:00
parent d3e1aeb33d
commit 7d0a51a4d9
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -33,6 +33,7 @@
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." />
<!-- TODO descriptions on filter click --> <!-- TODO descriptions on filter click -->
<p class="tag-filter-header"># filter posts by tag:</p>
<div class="tag-filter-container"> <div class="tag-filter-container">
{#each Object.values(BlogPostTag) as tag} {#each Object.values(BlogPostTag) as tag}
{#if tag == filter} {#if tag == filter}
@@ -47,10 +48,19 @@
</Content> </Content>
<style> <style>
.tag-filter-header {
font-family: var(--font-mono);
font-size: 0.9rem;
/* margin-left: 10px;
margin-right: 10px; */
margin: 12px 10px 4px;
color: var(--color-text-highlight-alt);
}
.tag-filter-container { .tag-filter-container {
display: flex; display: flex;
gap: 8px 12px; gap: 8px 12px;
margin: 12px 10px 8px; margin: 0 10px 8px;
flex-wrap: wrap; flex-wrap: wrap;
} }