(pronouns) style ask page consistently by using short instead of header in more places

This commit is contained in:
Valentyne Stigloher 2024-10-16 14:34:11 +02:00
parent 8ed07f8802
commit cb35afdc45

View File

@ -18,7 +18,7 @@ const route = useRoute();
const variant = route.meta.variant;
useSimpleHead({
title: translator.translate(`pronouns.ask.header.${variant}`),
title: `${translator.translate('pronouns.intro')}: ${translator.translate(`pronouns.ask.short.${variant}`)}`,
description: translator.translate('pronouns.ask.description'),
banner: `api/banner/${variant}.png`,
}, translator);
@ -34,13 +34,9 @@ useSimpleHead({
<section>
<div class="alert alert-primary">
<h2 class="text-center mb-0">
<strong><T>pronouns.ask.header.{{ variant }}</T></strong>
<strong><T>pronouns.ask.short.{{ variant }}</T></strong>
</h2>
</div>
<div class="alert alert-light">
<Icon v="info-circle" />
<T>pronouns.ask.description</T>
</div>
</section>
<section>
@ -55,12 +51,19 @@ useSimpleHead({
</ul>
</section>
<section>
<div class="alert alert-light">
<Icon v="info-circle" />
<T>pronouns.ask.description</T>
</div>
</section>
<AdPlaceholder :phkey="['content-0', 'content-mobile-0']" />
<PronounGroup :pronouns="config.pronouns.ask.routes" />
<section>
<Share :title="`${$t('pronouns.intro')}: ${$t('pronouns.ask.description')}`" />
<Share :title="`${$t('pronouns.intro')}: ${$t(`pronouns.ask.short.${variant}`)}`" />
</section>
<Separator icon="info" />