(style) break pronoun header when screen is xs or sm

This commit is contained in:
Valentyne Stigloher 2024-03-16 19:45:28 +01:00
parent 4448e0e720
commit a6b2dc3894

View File

@ -2,11 +2,11 @@
<Page>
<NotFound v-if="!selectedPronoun" />
<div v-else>
<h2 class="d-flex justify-content-between">
<span>
<h2 class="d-md-flex justify-content-between">
<div>
<Icon v="tag" />
<T>pronouns.intro</T><T>quotation.colon</T>
</span>
</div>
<ComprehensiveSwitch @update:comprehensive="updated => comprehensive = updated" />
<div v-if="nameOptions.length > 1" class="btn-group" role="group">
<button :class="['btn btn-sm', counterSpeed === 0 ? 'btn-primary' : 'btn-outline-primary']" @click="counterPause">