fix nav bar

cyscomvit · Aug 6, 2024 · 065d16d · 065d16d
1 parent 4e21680
commit 065d16d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/app/components/Nav.tsx b/app/components/Nav.tsx
@@ -13,7 +13,7 @@ const Nav = () => {
   return (
     <div>
       <header className="bg-blue-950 text-white">
-        <nav>
+        <nav className='overflow-x-auto scrollbar-hidden'>
           <div className="flex justify-between items-center w-full px-5 md:px-10 py-4">
             <div className='hidden md:block'>
               <Link href="/">

diff --git a/app/form/page.tsx b/app/form/page.tsx
@@ -275,10 +275,10 @@ export default function FormPage() {
                             </FormControl>
                             <SelectContent>
                               <SelectItem value="development">
-                                Development (Web Development and Open Source)
+                                Development (Web Development)
                               </SelectItem>
                               <SelectItem value="technical">
-                                Technical (CTF and Projects)
+                                Technical (Cybersecurity & CTF)
                               </SelectItem>
                               <SelectItem value="design">Design</SelectItem>
                               <SelectItem value="event">
@@ -345,10 +345,10 @@ export default function FormPage() {
                             </FormControl>
                             <SelectContent>
                               <SelectItem value="development">
-                                Development (Web Development and Open Source)
+                                Development (Web Development)
                               </SelectItem>
                               <SelectItem value="technical">
-                                Technical (CTF and Projects)
+                                Technical (Cybersecurity & CTF)
                               </SelectItem>
                               <SelectItem value="design">Design</SelectItem>
                               <SelectItem value="event">

diff --git a/app/globals.css b/app/globals.css
@@ -69,3 +69,11 @@
     @apply bg-background text-foreground;
   }
 }
+
+.scrollbar-hidden {
+  scrollbar-width: none;
+}
+
+.scrollbar-hidden::-webkit-scrollbar {
+  display: none;
+}