studio-variable/world-game
3
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

fix(blog): lien "lire l'article" sous l'image sur mobile + champ date corrigé

Browse source 
- Déplace les liens read-more après l'image sur mobile (desktop-only/mobile-only)
- Corrige le champ date : article.date → article.published
- Ajuste le padding .page-container sur mobile

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-20 11:52:06 +01:00
parent 517c701ab9
commit b655a22bf6
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/views/Blog.svelte
View file

@ -135,7 +135,7 @@
{#if featured.intro} {#if featured.intro}
<p class="collection-card-description">{featured.intro}</p> <p class="collection-card-description">{featured.intro}</p>
{/if} {/if}
<a href="/blog/{featured.slug}" class="collection-card-readmore"> <a href="/blog/{featured.slug}" class="collection-card-readmore desktop-only">
{t('read_article')} <span class="arrow">→</span> {t('read_article')} <span class="arrow">→</span>
</a> </a>
</div> </div>
@ -146,6 +146,9 @@
</a> </a>
</div> </div>
{/if} {/if}
<a href="/blog/{featured.slug}" class="collection-card-readmore mobile-only">
{t('read_article')} <span class="arrow">→</span>
</a>
</article> </article>
<hr class="collection-divider" /> <hr class="collection-divider" />
{/if} {/if}
@ -153,11 +156,11 @@
{#each articles as article, i} {#each articles as article, i}
<article class="collection-card"> <article class="collection-card">
<div class="collection-card-text"> <div class="collection-card-text">
<time class="collection-card-date">{article.date}</time> <time class="collection-card-date">{article.published}</time>
<h2 class="collection-card-title"> <h2 class="collection-card-title">
<a href="/blog/{article.slug}">{article.title}</a> <a href="/blog/{article.slug}">{article.title}</a>
</h2> </h2>
<a href="/blog/{article.slug}" class="collection-card-readmore"> <a href="/blog/{article.slug}" class="collection-card-readmore desktop-only">
{t('read_article')} <span class="arrow">→</span> {t('read_article')} <span class="arrow">→</span>
</a> </a>
</div> </div>
@ -168,6 +171,9 @@
</a> </a>
</div> </div>
{/if} {/if}
<a href="/blog/{article.slug}" class="collection-card-readmore mobile-only">
{t('read_article')} <span class="arrow">→</span>
</a>
</article> </article>
{#if i < articles.length - 1} {#if i < articles.length - 1}
<hr class="collection-divider" /> <hr class="collection-divider" />
@ -203,5 +209,9 @@
.blog { .blog {
padding: 0 1.25rem; padding: 0 1.25rem;
} }
.page-container {
padding: 0 .2rem;
}
} }
</style> </style>