alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: update intro

Browse Source
This commit is contained in:
braks
2022-08-01 21:10:14 +02:00
committed by Braks
parent c947d887c8
commit 4f036e7672
7 changed files with 36 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs2/components/home/flows/Intro.vue
+5 -5
View File
@@ -239,7 +239,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
</script>
<template>
<VueFlow ref="el" class="dark:bg-black bg-white transition-colors duration-200 ease-in-out">
<VueFlow ref="el">
<XyzTransition xyz="fade down ease-out-back duration-10" mode="out-in">
<Background v-if="animatedBackground">
<template #pattern-container="{ id }">
@@ -306,21 +306,21 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
</template>
<template v-else-if="props.id === 'documentation'">
<div class="flex">
<router-link class="link group bg-[#f15a16]" to="/guide/"> Read The Documentation </router-link>
<router-link class="intro-link group bg-[#f15a16]" to="/guide/"> Read The Documentation </router-link>
</div>
<Handle type="target" :position="Position.Top" />
<Handle class="block md:hidden" type="source" :position="Position.Bottom" />
</template>
<template v-else-if="props.id === 'examples'">
<div class="flex">
<router-link class="link group bg-[#ef467e]" to="/examples/"> Check The Examples </router-link>
<router-link class="intro-link group bg-[#ef467e]" to="/examples/"> Check The Examples </router-link>
</div>
<Handle type="target" :position="Position.Top" />
<Handle class="block md:hidden" type="source" :position="Position.Bottom" />
</template>
<template v-else-if="props.id === 'acknowledgement'">
<div class="flex" @click="scrollTo">
<button class="link group bg-sky-500"><Heart class="text-red-500" /> Acknowledgement</button>
<button class="intro-link group bg-sky-500"><Heart class="text-red-500" /> Acknowledgement</button>
</div>
<Handle type="target" :position="Position.Top" />
</template>
@@ -431,7 +431,7 @@ const animations = ref<{ className: string; duration: number }[]>(shuffle(create
hover:(ring ring-white);
}
.link {
.intro-link {
@apply flex
gap-3
items-center