fix: resolve mobile UI issues (scrollbar and overlapping form)

2025-12-18 10:04:11 +01:00
parent 330c8e1cc0
commit 314967b31b
2 changed files with 15 additions and 7 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -18,10 +18,18 @@

 body {
  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
+  background: linear-gradient(to bottom,
      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
+      rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
 }
+
+@layer utilities {
+  .scrollbar-hide::-webkit-scrollbar {
+    display: none;
+  }
+
+  .scrollbar-hide {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+}