Minor ui adjustments

This commit is contained in:
Julio Ruiz 2026-05-12 00:19:27 -05:00
parent b6d7933857
commit ec37adee8a
1 changed files with 4 additions and 4 deletions

View File

@ -674,7 +674,7 @@ useIntersectionObserver(
:ref="(el) => { activitiesRefs[row.activity._id] = el as Element | null }"
>
<div
class="bg-white p-4 sm:px-4 text-sm cursor-pointer border-l-2 transition-colors"
class="bg-white p-6 sm:px-6 text-sm cursor-pointer border-l-2 transition-colors"
:class="[
row.activity.unread ? 'text-highlighted' : 'text-toned',
selectedActivity && selectedActivity._id === row.activity._id
@ -705,8 +705,8 @@ useIntersectionObserver(
</div>
<p class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2 text-sm sm:text-xs mb-1 justify-between ">
<span v-if="hasDate(row.activity)" class="flex items-center gap-1"><UIcon name="ph:calendar" class="size-5 text-green-600" />{{ safeDate(row.activity) }}</span>
<span class="truncate flex items-center"><UIcon name="ph:map-pin" class="size-5 text-green-600" />{{ formatLocation(row.activity) }}</span>
<span v-if="hasDate(row.activity)" class="flex items-center gap-1"><UIcon name="ph:calendar" class="size-4 text-green-600" />{{ safeDate(row.activity) }}</span>
<span class="truncate flex items-center"><UIcon name="ph:map-pin" class="size-4 text-green-600" />{{ formatLocation(row.activity) }}</span>
</p>
<div class="mt-2 !text-sm" v-if="row.body">
@ -718,7 +718,7 @@ useIntersectionObserver(
<span>Coincidencia en el documento (abre para ubicarla con la búsqueda interna)</span>
</div>
<div
class="mt-1 snippet-html text-dimmed text-sm sm:text-xs bg-white p-3 rounded-lg"
class="mt-1 snippet-html text-dimmed text-sm sm:text-xs bg-white sm:p-0 rounded-lg"
v-html="row.body"
/>
</div>