Visual style tweaks
This commit is contained in:
parent
7d62d40642
commit
daa0240cb7
|
|
@ -102,6 +102,8 @@ const links = computed(() => {
|
||||||
orientation="vertical"
|
orientation="vertical"
|
||||||
tooltip
|
tooltip
|
||||||
popover
|
popover
|
||||||
|
color="neutral"
|
||||||
|
variant="link"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue