studio-variable/world-game
4
1
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

article : add margin bottom footer
All checks were successful
Deploy / Deploy to Production (push) Successful in 25s
Details

Browse source
This commit is contained in:
isUnknown 2026-04-16 14:55:45 +02:00
parent 31f74fbecd
commit d00b47ec3d
1 changed files with 45 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

86
src/views/Article.svelte
View file

@ -98,51 +98,53 @@
</script> </script>
<div class="article-wrapper"> <div class="article-wrapper">
<article class="article"> <div class="page-container">
<article class="article">
<!-- Date + share buttons --> <!-- Date + share buttons -->
<div class="article-topbar"> <div class="article-topbar">
<time class="article-date">{t('published_on')} {data.published}</time> <time class="article-date">{t('published_on')} {data.published}</time>
<div class="article-share"> <div class="article-share">
{#if copySuccess} {#if copySuccess}
<span class="copy-toast">{t('link_copied')}</span> <span class="copy-toast">{t('link_copied')}</span>
{/if}
<ShareButtons {shareUrl} {copyLink} />
</div>
</div>
<!-- Titre -->
<h1 class="article-title font-face-terminal">{data.title}</h1>
<!-- Intro -->
{#if data.intro}
<div class="article-intro">{@html data.intro}</div>
{/if} {/if}
<ShareButtons {shareUrl} {copyLink} />
</div> <!-- Cover -->
{#if data.cover}
<div class="article-cover">
<img src={data.cover} alt={data.title} />
</div>
{/if}
<!-- Body (Kirby blocks → HTML) -->
{#if data.body}
<div class="article-body">{@html data.body}</div>
{/if}
<!-- Share section (bas d'article) -->
<div class="article-share-section">
<hr class="share-divider" />
<p class="share-label">{t('share_article')}</p>
<ShareButtons {shareUrl} {copyLink} centered />
</div>
<!-- Articles recommandés -->
{#if data.related?.length}
<ArticleRelated related={data.related} />
{/if}
</article>
</div> </div>
<!-- Titre -->
<h1 class="article-title font-face-terminal">{data.title}</h1>
<!-- Intro -->
{#if data.intro}
<div class="article-intro">{@html data.intro}</div>
{/if}
<!-- Cover -->
{#if data.cover}
<div class="article-cover">
<img src={data.cover} alt={data.title} />
</div>
{/if}
<!-- Body (Kirby blocks → HTML) -->
{#if data.body}
<div class="article-body">{@html data.body}</div>
{/if}
<!-- Share section (bas d'article) -->
<div class="article-share-section">
<hr class="share-divider" />
<p class="share-label">{t('share_article')}</p>
<ShareButtons {shareUrl} {copyLink} centered />
</div>
<!-- Articles recommandés -->
{#if data.related?.length}
<ArticleRelated related={data.related} />
{/if}
</article>
</div> </div>
<WhitePaperDialog uri={activeWhitePaperUri} onClose={() => activeWhitePaperUri = null} /> <WhitePaperDialog uri={activeWhitePaperUri} onClose={() => activeWhitePaperUri = null} />