From f49a69fad3d481d550e14fdeaaa5cff23dee2570 Mon Sep 17 00:00:00 2001
From: maskeynihal <26411488+maskeynihal@users.noreply.github.com>
Date: Sat, 3 Jun 2023 00:52:10 +0545
Subject: [PATCH] add left and right column scroll independently

---
 src/nginxconfig/templates/app.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/nginxconfig/templates/app.vue b/src/nginxconfig/templates/app.vue
index 6ef9d1e..443e653 100644
--- a/src/nginxconfig/templates/app.vue
+++ b/src/nginxconfig/templates/app.vue
@@ -59,7 +59,7 @@ THE SOFTWARE.
 
         <div class="main container" :style="{ display: ready ? undefined : 'none' }">
             <div class="columns is-multiline">
-                <div :class="`column ${splitColumn ? 'is-half' : 'is-full'} is-full-touch`">
+                <div :class="`column ${splitColumn ? 'is-half' : 'is-full'} is-full-touch`" :style="splitColumn ? {overflowY: 'auto', height: '100vh'} : {}">
                     <h2>{{ $t('templates.app.perWebsiteConfig') }}</h2>
 
                     <div class="tabs">
@@ -96,7 +96,7 @@ THE SOFTWARE.
                     <Setup :data="{ domains: domains.filter(d => d !== null), global, confFiles }"></Setup>
                 </div>
 
-                <div :class="`column ${splitColumn ? 'is-half' : 'is-full'} is-full-touch`">
+                <div :class="`column ${splitColumn ? 'is-half' : 'is-full'} is-full-touch`" :style="splitColumn ? {overflowY: 'auto', height: '100vh'} : {}">
                     <h2>{{ $t('templates.app.configFiles') }}</h2>
                     <div ref="files" class="columns is-multiline files">
                         <component