Improved menu layout

piral-samples · Jul 4, 2024 · 5025660 · 5025660
1 parent 229f768
commit 5025660
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/apps/spa/src/layout.tsx b/apps/spa/src/layout.tsx
@@ -21,7 +21,7 @@ function logout(e: React.SyntheticEvent) {
 
 const showSimpleLogout = () => {
   return (
-    <a className="nav-link text-dark" href="#" onClick={logout}>
+    <a href="#" onClick={logout}>
       Logout
     </a>
   );

diff --git a/apps/spa/src/style.scss b/apps/spa/src/style.scss
@@ -6,20 +6,16 @@ html {
   }
 }
 
-.nav-link {
-  padding: 0;
-}
-
-.nav-item a {
-  padding: 0 .5rem;
-}
-
 a.navbar-brand {
   white-space: normal;
   text-align: center;
   word-break: break-all;
 }
 
+.navbar-nav {
+  gap: 1rem;
+}
+
 .app-center {
   flex: 1;
   display: flex;