From 19a499f2e5f4f7521d2d949904e9933c927189b6 Mon Sep 17 00:00:00 2001
From: 3raphat <96657413+3raphat@users.noreply.github.com>
Date: Wed, 26 Feb 2025 20:02:01 +0700
Subject: [PATCH] feat: remove scrollbar

---
 apps/web/src/app/globals.css                      | 15 ++++++++++++---
 .../web/src/app/register/answer-academic/form.tsx |  2 +-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css
index 1800cdaa..a29e8948 100644
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -112,9 +112,18 @@
     -webkit-appearance: none;
     margin: 0;
   }
-  input[type=number] {
-    -moz-appearance:textfield;
+  input[type="number"] {
+    appearance: textfield;
+    -moz-appearance: textfield;
   }
 }
 
-
+@layer utilities {
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+  .no-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+}
diff --git a/apps/web/src/app/register/answer-academic/form.tsx b/apps/web/src/app/register/answer-academic/form.tsx
index 00f8c33f..9912d056 100644
--- a/apps/web/src/app/register/answer-academic/form.tsx
+++ b/apps/web/src/app/register/answer-academic/form.tsx
@@ -179,7 +179,7 @@ function AnswerAcademic(props: AnswerAcademicProps) {
                     <FormLabel>รูปแบบการเดิน</FormLabel>
                     <FormControl>
                       <Textarea
-                        className="min-h-auto h-12 [resize:none] md:text-base"
+                        className="min-h-auto no-scrollbar h-12 md:text-base"
                         {...field}
                         disabled
                       />