From 0669a3e1480ac1a3aa1bbc22e1f78693d4bf1abe Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 17 Jul 2023 19:50:52 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(formModal):=20add=20custom?=
 =?UTF-8?q?-scroll=20class=20to=20Textarea=20component=20for=20custom=20st?=
 =?UTF-8?q?yling=20=F0=9F=8E=A8=20style(tailwind.config.js):=20add=20curso?=
 =?UTF-8?q?r:=20auto=20to=20scrollbar=20styles=20for=20better=20user=20exp?=
 =?UTF-8?q?erience?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/package-lock.json              | 3 +--
 src/frontend/src/modals/formModal/index.tsx | 2 ++
 src/frontend/tailwind.config.js             | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index b0302450f..3665cbd02 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -3550,7 +3550,7 @@
       "version": "16.18.12",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.12.tgz",
       "integrity": "sha512-vzLe5NaNMjIE3mcddFVGlAXN1LEWueUsMsOJWaT6wWMJGyljHAWHznqfnKUQWGzu7TLPrGvWdNAsvQYW+C0xtw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@types/parse-json": {
       "version": "4.0.0",
@@ -5596,7 +5596,6 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 3b0d658ca..ff31672f2 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -460,6 +460,7 @@ export default function FormModal({
                           </div>
                         )}
                         <Textarea
+                        className="custom-scroll"
                           value={
                             tabsState[id.current].formKeysData.input_keys[i]
                           }
@@ -520,6 +521,7 @@ export default function FormModal({
                         </div>
                       )}
                       <Textarea
+                        className="custom-scroll"
                         value={tabsState[id.current].formKeysData.input_keys[i]}
                         onChange={(e) => {
                           setTabsState((old) => {
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index bc80dac5b..ef999b3d5 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -114,7 +114,7 @@ module.exports = {
       },
       fontFamily: {
         sans: ["var(--font-sans)", ...fontFamily.sans],
-      },
+      }
     },
   },
 
@@ -186,6 +186,7 @@ module.exports = {
           "&::-webkit-scrollbar-thumb:hover": {
             backgroundColor: "#bbb",
           },
+          "cursor": "auto"
         },
         ".dark .theme-attribution .react-flow__attribution": {
           backgroundColor: "rgba(255, 255, 255, 0.2)",