2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-16 09:10:33 +03:00

progress on docs rewrite

This commit is contained in:
Jeff Sagal
2022-12-09 14:17:53 -08:00
parent f7ed11eb06
commit 0b65907a8e
10 changed files with 236 additions and 35 deletions
+1 -1
View File
@@ -1,3 +1,3 @@
<template>
<p class="lead"><Markdown :use="$slots.default" unwrap="p" /></p>
<p class="lead"><ContentSlot :use="$slots.default" unwrap="p" /></p>
</template>
+3 -3
View File
@@ -14,15 +14,15 @@ defineProps<{
class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"
/>
<div class="relative overflow-hidden rounded-xl p-6">
<!-- <Icon :icon="icon" class="h-8 w-8" />-->
<slot name="icon" />
<h2 class="mt-4 font-display text-base text-slate-900 dark:text-white">
<NuxtLink :href="href">
<NuxtLink :to="href">
<span class="absolute -inset-px rounded-xl" />
{{ title }}
</NuxtLink>
</h2>
<p class="mt-1 text-sm text-slate-700 dark:text-slate-400">
<Markdown :use="$slots.default" unwrap="p" />
<ContentSlot :use="$slots.default" unwrap="p" />
</p>
</div>
</div>