From cc3c5e2364bcb7e386d63dfb1fca5a2d99f69b36 Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Fri, 31 May 2024 10:04:47 +0900
Subject: [PATCH] refactor: Update TextAreaResizable component styling

---
 src/lib/UI/GUI/TextAreaResizable.svelte | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/src/lib/UI/GUI/TextAreaResizable.svelte b/src/lib/UI/GUI/TextAreaResizable.svelte
index 1aaeca18..ba7add51 100644
--- a/src/lib/UI/GUI/TextAreaResizable.svelte
+++ b/src/lib/UI/GUI/TextAreaResizable.svelte
@@ -24,25 +24,13 @@
         resize();
     });
 </script>
-
-<style>
-    textarea {
-        overflow: hidden;
-        resize: none;
-        box-sizing: border-box;
-        background: transparent;
-        color: var(--risu-theme-textcolor);
-        border: 1px solid rgba(98, 114, 164, 0.5);
-        max-width: calc(95% - 2rem);
-        padding: 1rem;
-    }
-</style>
   
 <textarea
     bind:this={textarea}
     on:input={handleInput}
     use:longpress={handleLongPress}
     bind:value={value}
+    class="rounded-md p-2 text-textcolor bg-transparent resize-none overflow-y-hidden border border-darkborderc"
     style:font-size="{0.875 * ($DataBase.zoomsize / 100)}rem"
     style:line-height="{1.25 * ($DataBase.zoomsize / 100)}rem"
 />
\ No newline at end of file