From a5048f34e55054e3c35751a1a795807ccbea47ee Mon Sep 17 00:00:00 2001
From: YannC <37600690+Skraye@users.noreply.github.com>
Date: Wed, 16 Aug 2023 15:51:39 +0200
Subject: [PATCH] fix(): Set vertical alignment when split source/topo view
 (#1887)

---
 ui/src/components/inputs/LowCodeEditor.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/inputs/LowCodeEditor.vue b/ui/src/components/inputs/LowCodeEditor.vue
index 8923583025..ff587c3674 100644
--- a/ui/src/components/inputs/LowCodeEditor.vue
+++ b/ui/src/components/inputs/LowCodeEditor.vue
@@ -109,6 +109,12 @@
         generateGraph();
     })
 
+    watch(() => props.viewType, () => {
+        isHorizontal.value = props.viewType === "source-topology" ? false :
+            (props.viewType?.indexOf("blueprint") !== -1 ? true : localStorage.getItem("topology-orientation") === "1")
+        generateGraph();
+    })
+
     // Event listeners & Watchers
     const observeWidth = () => {
         const resizeObserver = new ResizeObserver(function () {
@@ -549,7 +555,7 @@
 
 <template>
     <div ref="vueFlow" class="vueflow">
-        <slot name="top-bar"/>
+        <slot name="top-bar" />
         <VueFlow
             v-model="elements"
             :default-marker-color="cssVariable('--bs-cyan')"