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" orientation="vertical"
tooltip tooltip
popover popover
color="neutral"
variant="link"
/> />
</template> </template>

View File

@ -666,11 +666,11 @@ function metaLocation(meta: DocMeta | undefined): string {
<div <div
v-for="group in displayGroups" v-for="group in displayGroups"
:key="group.docId" :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="[ :class="[
selectedDocId === group.docId selectedDocId === group.docId
? 'border-primary bg-primary/10' ? 'border-carpablue bg-carpablue/10'
: 'border-transparent hover:border-primary hover:bg-primary/5' : 'border-gray-200 hover:border-carpablue hover:bg-carpablue/5'
]" ]"
@click="selectGroup(group)" @click="selectGroup(group)"
> >
@ -685,14 +685,14 @@ function metaLocation(meta: DocMeta | undefined): string {
v-if="metaDate(group.meta)" v-if="metaDate(group.meta)"
class="flex items-center gap-1" 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) }} {{ metaDate(group.meta) }}
</span> </span>
<span <span
v-if="metaLocation(group.meta)" v-if="metaLocation(group.meta)"
class="flex items-center gap-1 truncate" 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 class="truncate">{{ metaLocation(group.meta) }}</span>
</span> </span>
</p> </p>

View File

@ -665,11 +665,11 @@ function metaLocation(meta: DocMeta | undefined): string {
<div <div
v-for="group in displayGroups" v-for="group in displayGroups"
:key="group.docId" :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="[ :class="[
selectedDocId === group.docId selectedDocId === group.docId
? 'border-primary bg-primary/10' ? 'border-carpagreen bg-carpagreen/10 '
: 'border-transparent hover:border-primary hover:bg-primary/5' : `border-gray-200 hover:border-carpagreen hover:bg-carpagreen/5`
]" ]"
@click="selectGroup(group)" @click="selectGroup(group)"
> >
@ -684,14 +684,14 @@ function metaLocation(meta: DocMeta | undefined): string {
v-if="metaDate(group.meta)" v-if="metaDate(group.meta)"
class="flex items-center gap-1" 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) }} {{ metaDate(group.meta) }}
</span> </span>
<span <span
v-if="metaLocation(group.meta)" v-if="metaLocation(group.meta)"
class="flex items-center gap-1 truncate" 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 class="truncate">{{ metaLocation(group.meta) }}</span>
</span> </span>
</p> </p>