Flex justified navbar

2024-03-19 15:12:28 +09:00
parent 92d960a9cc
commit fc5b2c050e
1 changed files with 6 additions and 1 deletions
--- a/frontend/src/app/components/master-page/master-page.component.scss
+++ b/frontend/src/app/components/master-page/master-page.component.scss
@@ -63,7 +63,7 @@ li.nav-item {
  box-shadow: 0px 0px 15px 0px #000;
  flex-direction: row;
  left: 0;
-  justify-content: center;
+  justify-content: space-between;
  position: fixed;
  width: 100%;
  @media (min-width: 992px) {
@@ -81,6 +81,11 @@ li.nav-item {
      font-size: 1em;
    }
  }
+
+  li {
+    flex-grow: 1; /* Allows items to grow */
+    text-align: center; /* For text alignment */
+  }
 }