Minor ui adjustments
This commit is contained in:
parent
b6d7933857
commit
ec37adee8a
|
|
@ -674,7 +674,7 @@ useIntersectionObserver(
|
||||||
:ref="(el) => { activitiesRefs[row.activity._id] = el as Element | null }"
|
:ref="(el) => { activitiesRefs[row.activity._id] = el as Element | null }"
|
||||||
>
|
>
|
||||||
<div
|
<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="[
|
:class="[
|
||||||
row.activity.unread ? 'text-highlighted' : 'text-toned',
|
row.activity.unread ? 'text-highlighted' : 'text-toned',
|
||||||
selectedActivity && selectedActivity._id === row.activity._id
|
selectedActivity && selectedActivity._id === row.activity._id
|
||||||
|
|
@ -705,8 +705,8 @@ useIntersectionObserver(
|
||||||
</div>
|
</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 ">
|
<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 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-5 text-green-600" />{{ formatLocation(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>
|
</p>
|
||||||
|
|
||||||
<div class="mt-2 !text-sm" v-if="row.body">
|
<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>
|
<span>Coincidencia en el documento (abre para ubicarla con la búsqueda interna)</span>
|
||||||
</div>
|
</div>
|
||||||
<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"
|
v-html="row.body"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue