made ball be in the same container as Links

removed the stack
UoaWDCC · Sep 15, 2024 · 4bde448 · 4bde448
1 parent 285d47f
commit 4bde448
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 19 deletions.
diff --git a/frontend2/components/NavBar/NavBar.module.css b/frontend2/components/NavBar/NavBar.module.css
@@ -6,7 +6,7 @@
   position: relative;
   width: fit-content;
   border-radius: var(--mantine-radius-md);
-  height: 8vw;
+  height: 9vw;
 }
 
 .control {
@@ -65,7 +65,3 @@
   font-size: 1.5vh;
   font-weight: bold;
 }
-
-.ballcontainer {
-  position: relative;
-}
diff --git a/frontend2/components/NavBar/NavBar.tsx b/frontend2/components/NavBar/NavBar.tsx
@@ -71,20 +71,16 @@ export function NavBar({ links }: NavBarProps) {
           <Burger opened={opened} onClick={toggle} hiddenFrom="sm" size="sm" />
           <Group justify="space-between" style={{ flex: 1, justifyContent: 'flex-end' }}>
             <Group ml="xl" gap={20} visibleFrom="sm">
-              <Stack>
-                <div className={styles.root} ref={setRootRef}>
-                  {controls}
-                </div>
-                <div className={styles.ballcontainer}>
-                  <div
-                    className={styles.ball}
-                    style={{
-                      left: `${active * 20}vh`,
-                      transform: `rotate(${rotation}deg)`,
-                    }}
-                  ></div>
-                </div>
-              </Stack>
+              <div className={styles.root} ref={setRootRef}>
+                {controls}{' '}
+                <div
+                  className={styles.ball}
+                  style={{
+                    left: `${active * 20}vh`,
+                    transform: `rotate(${rotation}deg)`,
+                  }}
+                ></div>
+              </div>
             </Group>
           </Group>
         </Group>