diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-13 14:49:26 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-13 14:49:26 +0100 |
| commit | f5c143cad6363819a356724b6d284858129b2d7c (patch) | |
| tree | 5304bf43968dcb5cff3ca51d00adced3bb1611c9 /src/components | |
| parent | ed6b981f462ea981287b4000e9dc2b2ca84481ba (diff) | |
Constrains content width across pages
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/LallansIssue.astro | 34 |
1 files changed, 18 insertions, 16 deletions
diff --git a/src/components/LallansIssue.astro b/src/components/LallansIssue.astro index 26ead54..f45dc0a 100644 --- a/src/components/LallansIssue.astro +++ b/src/components/LallansIssue.astro @@ -16,22 +16,24 @@ const { issue, locale } = Astro.props; const t = translate(locale); --- -<div class="lallans-issue__header-block"> - <header> - <h1>{t(tSite, { key: 'lallans' })} {issue.issueNumber}</h1> - <p class="italic">{issue.description[locale]}</p> - </header> +<section class="section--full-width"> + <div class="lallans-issue__header-block"> + <header> + <h1>{t(tSite, { key: 'lallans' })} {issue.issueNumber}</h1> + <p class="italic">{issue.description[locale]}</p> + </header> - <div class="lallans-issue__header-block-end"> - <img alt="" src={`/images/lallans/issue${issue.issueNumber}.jpg`} /> - <PayPalButtons successPageUrl={`./${issue.issueNumber}/payment-success-confirmation`} /> + <div class="lallans-issue__header-block-end"> + <img alt="" src={`/images/lallans/issue${issue.issueNumber}.jpg`} /> + <PayPalButtons successPageUrl={`./${issue.issueNumber}/payment-success-confirmation`} /> + </div> </div> -</div> -{ - 'contributions' in issue ? ( - <LallansIssueContributions contributions={issue.contributions} locale={locale} /> - ) : ( - 'contributors' in issue && <LallansIssueContributors contributors={issue.contributors} /> - ) -} + { + 'contributions' in issue ? ( + <LallansIssueContributions contributions={issue.contributions} locale={locale} /> + ) : ( + 'contributors' in issue && <LallansIssueContributors contributors={issue.contributors} /> + ) + } +</section> |