Make Navbar sticky

UoaWDCC · Jul 22, 2024 · faf2064 · faf2064
1 parent b71526e
commit faf2064
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/web/src/app/components/AuthForms/LoginForm.tsx b/web/src/app/components/AuthForms/LoginForm.tsx
@@ -48,16 +48,16 @@ export function LoginForm() {
         </Button>
         <Flex justify="center" gap="md" mt="md" mr="md">
           <Button variant="filled" color="green" onClick={() => handleLoginAs('student')}>
-            Login as Student
+            Student
           </Button>
           <Button variant="filled" color="blue" onClick={() => handleLoginAs('sponsor')}>
-            Login as Sponsor
+            Sponsor
           </Button>
           <Button variant="filled" color="violet" onClick={() => handleLoginAs('alumni')}>
-            Login as Alumni
+            Alumni
           </Button>
           <Button variant="filled" color="red" onClick={() => handleLoginAs('admin')}>
-            Login as Admin
+            Admin
           </Button>
         </Flex>
         <Text ta="center" mt="xl">

diff --git a/web/src/app/components/Navbar/Navbar.module.css b/web/src/app/components/Navbar/Navbar.module.css
@@ -1,5 +1,5 @@
 .Navbar {
-  position: absolute;
+  position: fixed;
   z-index: 2;
   width: 100vw;
   background-color: rgba(000, 000, 000, 0.5);