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/Acknowledgement.vue
+1 -1
View File
@@ -3,7 +3,7 @@ import Heart from '~icons/mdi/heart'
</script>
<template>
<div id="acknowledgement" class="w-full dark:(bg-black text-white) border-y-1 border-white">
<div id="acknowledgement" class="w-full">
<div class="max-w-11/12 md:max-w-6/12 m-auto py-4 md:(pb-12 pt-6) text-center">
<div>
<h1 class="md:mb-8 flex justify-center items-center"><Heart class="text-red-500" /> Acknowledgement</h1>
docs2/components/home/Banner.vue
+1 -1
View File
@@ -8,7 +8,7 @@ const npmData = await $fetch('https://api.npmjs.org/downloads/point/last-month/@
</script>
<template>
<div class="w-full dark:(bg-black text-white border-white) border-black border-y-1">
<div class="w-full dark:(border-white) border-black border-y-1">
<div class="max-w-full md:max-w-11/12 m-auto py-4 md:py-12 <md:(dark:border-t-1 border-white)">
<div class="grid md:grid-cols-3 gap-3 text-center <md:divide-y md:divide-x dark:divide-white divide-black">
<div class="grid grid-rows-auto gap-2 py-4 md:py-0">
docs2/components/home/Features.vue
+1 -1
View File
@@ -24,7 +24,7 @@ onBeforeUnmount(stop)
</script>
<template>
<div ref="el" class="w-full dark:(bg-black text-white)">
<div ref="el" class="w-full">
<div
class="flex flex-col divide-y divide-gray-500 md:divide-y-0 gap-12 md:gap-24 lg:gap-36 max-w-9/12 md:max-w-11/12 lg:max-w-9/12 m-auto py-12 md:py-24 text-center md:text-left"
>
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