Merge pull request #66 from junaidkhan1723/main

style(ui): add scroll to registration form and hide scrollbar

Author: dailker

src/components/auth/RegisterForm.js

@@ -141,7 +141,7 @@ export default function RegisterForm({ onSuccess, onBack, theme }) {
       exit={{ opacity: 0, x: -100 }}
       className="w-full max-w-md"
     >
-      <div className="bg-white/10 backdrop-blur-xl rounded-3xl p-8 border border-white/20 shadow-2xl">
+      <div className="bg-white/10 backdrop-blur-xl rounded-3xl p-8 border border-white/20 shadow-2xl overflow-y-auto max-h-[90vh] scrollbar-hide">
         <div className="text-center mb-8">
           <button
             onClick={onBack}
@@ -358,4 +358,4 @@ export default function RegisterForm({ onSuccess, onBack, theme }) {
       </div>
     </motion.div>
   );
-}
+}

src/styles/globals.css

@@ -308,3 +308,14 @@ body {
     height: 14px;
   }
 }
+
+/* Hide scrollbar for Chrome, Safari, Edge */
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for Firefox */
+.scrollbar-hide {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+};