fix: 🐛 sync mobile and desktop text in recipes search

This commit is contained in:
Karl Muller 2024-09-20 12:37:01 +02:00
parent 29e5b53309
commit 01e740d525

View file

@ -5,11 +5,11 @@
>
<!-- TEXTS MOBILE -->
<div class="d-md-none col-12 col-md-7 col-xl-8 text-center">
<h2 ref="modelSubtitle">
<h2 ref="modelSubtitleMobile">
{{ textsParameters.subtitle }}
</h2>
<p
ref="modelDescription"
ref="modelDescriptionMobile"
v-html="textsParameters.description"
/>
</div>
@ -319,6 +319,8 @@ const filtersList = ref<HTMLDivElement|null>(null);
const childrenList = ref<HTMLDivElement|null>(null);
const modelSubtitle = ref<HTMLTitleElement|null>(null);
const modelDescription = ref<HTMLParagraphElement|null>(null);
const modelSubtitleMobile = ref<HTMLTitleElement|null>(null);
const modelDescriptionMobile = ref<HTMLParagraphElement|null>(null);
// * DATA
@ -457,6 +459,8 @@ function updateTexts(newTitle: string|null = null): void {
: filtersDetailsParameters.selectedModel;
modelSubtitle.value!.textContent = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).subtitle);
modelDescription.value!.innerHTML = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).description);
modelSubtitleMobile.value!.textContent = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).subtitle);
modelDescriptionMobile.value!.innerHTML = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).description);
let parentTitle = (filtersDetailsParameters.selectedChildModel !== null)
? filtersDetailsParameters.selectedModel?.label + ", "
: "";