From 1ecfcf100581e79a40112c6a350a213dfc042303 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 9 May 2023 21:37:20 +0200
Subject: [PATCH] chore(docs): mobile intro flow height

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 docs/components/home/Home.vue        | 2 +-
 docs/components/home/flows/Intro.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/components/home/Home.vue b/docs/components/home/Home.vue
index 36c78613..58f12bee 100644
--- a/docs/components/home/Home.vue
+++ b/docs/components/home/Home.vue
@@ -17,7 +17,7 @@ onMounted(() => {
 </script>
 
 <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 />
   </div>
 </template>
diff --git a/docs/components/home/flows/Intro.vue b/docs/components/home/flows/Intro.vue
index f7c3e2ce..abd4b481 100644
--- a/docs/components/home/flows/Intro.vue
+++ b/docs/components/home/flows/Intro.vue
@@ -175,7 +175,7 @@ const setElements = useDebounceFn(() => {
   nextTick(() => {
     updateNodeInternals()
   })
-}, 1)
+}, 50)
 
 onMounted(() => {
   watch(dimensions, setElements, { deep: true, immediate: true })
@@ -197,7 +197,7 @@ function scrollTo() {
 
     <template #node-box="props">
       <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="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>