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