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

chore(docs): mobile intro flow height

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2023-05-09 21:37:20 +02:00
parent 789ec7ee0e
commit 1ecfcf1005
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components/home/Home.vue
+1 -1
View File
@@ -17,7 +17,7 @@ onMounted(() => {
</script> </script>
<template> <template>
<div class="relative h-[calc(100vh-var(--vp-nav-height))] lg:h-[calc(100vh-var(--vp-nav-height)-176px)]"> <div class="relative min-h-250 h-[calc(100vh-var(--vp-nav-height))] lg:h-[calc(100vh-var(--vp-nav-height)-176px)]">
<Intro /> <Intro />
</div> </div>
</template> </template>
docs/components/home/flows/Intro.vue
+2 -2
View File
@@ -175,7 +175,7 @@ const setElements = useDebounceFn(() => {
nextTick(() => { nextTick(() => {
updateNodeInternals() updateNodeInternals()
}) })
}, 1) }, 50)
onMounted(() => { onMounted(() => {
watch(dimensions, setElements, { deep: true, immediate: true }) watch(dimensions, setElements, { deep: true, immediate: true })
@@ -197,7 +197,7 @@ function scrollTo() {
<template #node-box="props"> <template #node-box="props">
<template v-if="props.id === 'intro'"> <template v-if="props.id === 'intro'">
<div class="box max-w-100 md:max-w-125"> <div class="box max-w-75 md:max-w-125">
<div class="intro px-4 py-2 shadow-lg rounded-md border-2 border-solid border-black"> <div class="intro px-4 py-2 shadow-lg rounded-md border-2 border-solid border-black">
<div class="font-mono flex flex-col gap-4 p-4 items-center text-center"> <div class="font-mono flex flex-col gap-4 p-4 items-center text-center">
<h1 class="text-2xl lg:text-4xl !my-0 !pt-0 font-bold">Vue Flow</h1> <h1 class="text-2xl lg:text-4xl !my-0 !pt-0 font-bold">Vue Flow</h1>