From f37eb9d6309cb1ecd55a8a811ab7e0124c5a260a Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Tue, 16 Aug 2022 23:51:25 +0200
Subject: [PATCH] =?UTF-8?q?=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=20=D1=80=D0=B0=D1=81=D0=BF=D0=BE=D0=BB=D0=BE=D0=B6?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BE=D0=BA=D0=BE=D0=BD=20=D0=B8=20?=
 =?UTF-8?q?autoresize=20=D0=BE=D0=BA=D0=BD=D0=B0=20=D1=81=D1=86=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B0=D1=80=D0=B8=D0=B5=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Config.svelte | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/pages/Config.svelte b/src/pages/Config.svelte
index c8b98cb..972cbda 100644
--- a/src/pages/Config.svelte
+++ b/src/pages/Config.svelte
@@ -45,10 +45,16 @@
       }
     }
   }
+
+  $: scenarioTxt, windowHeight();
+  let height;
+  function windowHeight() {
+    height = Math.round(scenarioTxt.split("\n").length) + 1;
+  }
 </script>
 
 {#if show}
-  <div class="grd-1col1">
+  <div class="grd-2col1">
     <Card title="Конфигуратор">
       <div class="grd-2col2">
         <select class="slct-lg" bind:value={itemsJsonBind} on:change={() => elementsDropdownChange()}>
@@ -117,10 +123,13 @@
         </tbody>
       </table>
     </Card>
+
+    <Card title="Сценарии">
+      <textarea rows={height} cols="50" bind:value={scenarioTxt} class="px-2 bg-gray-50 border-2 border-gray-200 rounded text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-indigo-500 w-full" />
+    </Card>
   </div>
   <div class="grd-1col1">
-    <Card title="Сценарии">
-      <textarea bind:value={scenarioTxt} class="ipt-big h-40 w-full" />
+    <Card>
       <div class="grd-2col1">
         <button class="btn-lg" on:click={() => saveConfig()}>{"Сохранить"}</button>
         <button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить"}</button>