Visual style tweaks

This commit is contained in:
Julio Ruiz 2026-05-21 14:47:03 -05:00
parent 7d62d40642
commit daa0240cb7
3 changed files with 12 additions and 10 deletions

View File

@ -102,6 +102,8 @@ const links = computed(() => {
orientation="vertical"
tooltip
popover
color="neutral"
variant="link"
/>
</template>

View File

@ -666,11 +666,11 @@ function metaLocation(meta: DocMeta | undefined): string {
<div
v-for="group in displayGroups"
:key="group.docId"
class="bg-white p-4 sm:px-6 text-sm cursor-pointer border-l-2 transition-colors"
class="p-4 sm:px-6 text-sm cursor-pointer border-b-2 transition-colors"
:class="[
selectedDocId === group.docId
? 'border-primary bg-primary/10'
: 'border-transparent hover:border-primary hover:bg-primary/5'
? 'border-carpablue bg-carpablue/10'
: 'border-gray-200 hover:border-carpablue hover:bg-carpablue/5'
]"
@click="selectGroup(group)"
>
@ -685,14 +685,14 @@ function metaLocation(meta: DocMeta | undefined): string {
v-if="metaDate(group.meta)"
class="flex items-center gap-1"
>
<UIcon name="ph:calendar" class="size-4 text-green-600" />
<UIcon name="ph:calendar" class="size-4 text-carpablue" />
{{ metaDate(group.meta) }}
</span>
<span
v-if="metaLocation(group.meta)"
class="flex items-center gap-1 truncate"
>
<UIcon name="ph:map-pin" class="size-4 text-green-600 shrink-0" />
<UIcon name="ph:map-pin" class="size-4 text-carpablue shrink-0" />
<span class="truncate">{{ metaLocation(group.meta) }}</span>
</span>
</p>

View File

@ -665,11 +665,11 @@ function metaLocation(meta: DocMeta | undefined): string {
<div
v-for="group in displayGroups"
:key="group.docId"
class="bg-white p-4 sm:px-6 text-sm cursor-pointer border-l-2 transition-colors"
class="p-4 sm:px-6 text-sm cursor-pointer border-b-2 transition-colors"
:class="[
selectedDocId === group.docId
? 'border-primary bg-primary/10'
: 'border-transparent hover:border-primary hover:bg-primary/5'
? 'border-carpagreen bg-carpagreen/10 '
: `border-gray-200 hover:border-carpagreen hover:bg-carpagreen/5`
]"
@click="selectGroup(group)"
>
@ -684,14 +684,14 @@ function metaLocation(meta: DocMeta | undefined): string {
v-if="metaDate(group.meta)"
class="flex items-center gap-1"
>
<UIcon name="ph:calendar" class="size-4 text-green-600" />
<UIcon name="ph:calendar" class="size-4 text-carpagreen" />
{{ metaDate(group.meta) }}
</span>
<span
v-if="metaLocation(group.meta)"
class="flex items-center gap-1 truncate"
>
<UIcon name="ph:map-pin" class="size-4 text-green-600 shrink-0" />
<UIcon name="ph:map-pin" class="size-4 text-carpagreen shrink-0" />
<span class="truncate">{{ metaLocation(group.meta) }}</span>
</span>
</p>