Fixing paragraphs in detail view for mobile

This commit is contained in:
Julio Ruiz 2026-05-21 15:04:31 -05:00
parent 1cbb31c09d
commit a3f5bd3512
1 changed files with 3 additions and 3 deletions

View File

@ -834,10 +834,10 @@ function highlightTextNodes(root: HTMLElement, terms: string[]): number {
<!-- Todos los párrafos -->
<div v-else-if="paragraphs.length" ref="paragraphsContainer" class="p-1 sm:p-4 max-w-4xl m-4 sm:mx-auto sm:my-6">
<div class="bg-white rounded-lg shadow-md p-4 sm:p-8 mb-4 last:mb-0">
<div class="bg-white rounded-lg shadow-md p-4 pl-2 sm:p-8 sm:pl-4 mb-4 last:mb-0">
<div v-for="(hit, idx) in paragraphs" :key="idx" :data-paragraph-number="hit.document.number">
<div class="grid grid-cols-1fr items-start gap-4 mb-2" :class="(showParagraphNumbers && 'grid-cols-[32px_1fr]')">
<div v-if="showParagraphNumbers" class="w-10 select-none cursor-pointer flex justify-end">
<div class="grid grid-cols-1fr items-start gap-2 mb-2" :class="(showParagraphNumbers && 'grid-cols-[32px_1fr]')">
<div v-if="showParagraphNumbers" class="w-full select-none cursor-pointer flex justify-end">
<UBadge
v-if="hit.document.number"
:label="`${hit.document.number}`"