update

src/ui/Button.svelte

@@ -14,7 +14,7 @@
 	};
 </script>
 
-<div class={class_div !== "" ? class_div : "w-auto m-2"}>
+<div class={class_div !== "" ? class_div : "w-auto m-2 text-xl"}>
 	<button
 		on:click={async () => {
 			is_hover = false;
@@ -40,7 +40,7 @@
 			: `
 		w-full py-1 px-2
 		flex justify-center items-center
-		text-[var(--w-text)] dark:text-[var(--b-text)] text-xl
+		text-[var(--w-text)] dark:text-[var(--b-text)]
 		${is_border ? 'border-2' : 'border-0'}
 		border-[var(--w-border)] dark:border-[var(--b-border)] rounded-xl
 		text-[var(--w-text)] dark:text-[var(--b-text)]`}

src/ui/SideMenu.svelte

@@ -1,6 +1,7 @@
 <script>
 	import x from "./x.svg";
 	export let is_open = false;
+	export let is_scroll_balr = false;
 	export let name = "SideMenu";
 	export let minw = "";
 </script>
@@ -48,3 +49,16 @@
 		}}
 	></button>
 </div>
+
+{#if !is_scroll_balr}
+	<style>
+		*::-webkit-scrollbar,
+		*::-webkit-scrollbar-thumb {
+			width: 0px;
+			border-radius: 0px;
+			background-clip: padding-box;
+			border: 0px solid transparent;
+			position: absolute;
+		}
+	</style>
+{/if}

src/ui/form/TextArea.svelte

@@ -4,9 +4,12 @@
 	export let placeholder = "";
 	export let is_border = true;
 	export let is_resize = true;
+	export let is_default_class = false;
 	export let class_name = "";
+
 	export let min_h = "40px";
 	let tx;
+
 	function resize() {
 		setTimeout(() => {
 			tx.style.height = tx.scrollHeight + "px";
@@ -17,14 +20,15 @@
 				tx.style.height = "auto";
 				tx.style.height = tx.scrollHeight + "px";
 			}
-		}, 0);
+		});
 	}
+
 	onMount(() => {
 		tx.addEventListener("input", resize, false);
 		tx.style.height = "auto";
 		setTimeout(() => {
 			resize();
-		}, 100);
+		});
 	});
 </script>
 
@@ -33,8 +37,8 @@
 	bind:this={tx}
 	{placeholder}
 	class="
-	{class_name !== ''
-		? class_name
+	{!is_default_class
+		? ''
 		: `p-2 m-2 h-auto min-h-0
 	overflow-y-hidden
 	focus-visible:outline-none
@@ -43,5 +47,6 @@
 	text-[var(--w-text)] dark:text-[var(--b-text)]
 	border-[var(--w-border)] dark:border-[var(--b-border)] rounded-xl
 	${is_resize ? '' : 'resize-none'}
-	transition-all`}"
+	transition-all`}
+	{class_name}"
 ></textarea>