style: centerize the header logo

mnfst · Apr 16, 2024 · 9aa7276 · 9aa7276
1 parent 29ad565
commit 9aa7276
Showing 1 changed file with 4 additions and 11 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -6,7 +6,7 @@ export default function Home() {
     <main>
       <div className="container">
         <nav className="navbar has-background-white-ter" role="navigation" aria-label="main navigation">
-          <div className="navbar-brand">
+          <div className="navbar-brand is-fullwidth is-flex is-justify-content-center">
             <a className="navbar-item">
               <Image
                 src="/logo-transparent.svg"
@@ -15,27 +15,20 @@ export default function Home() {
                 alt="logo of manifest"
               />
             </a>
-
-            <a role="button" className="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
-              <span aria-hidden="true"></span>
-              <span aria-hidden="true"></span>
-              <span aria-hidden="true"></span>
-              <span aria-hidden="true"></span>
-            </a>
           </div>
 
-          <div className="navbar-menu has-text-weight-bold">
+          <div className="navbar-menu has-text-weight-bold is-hidden">
             <div className="navbar-end">
               <a className="navbar-item is-hidden" href="https://docs.case.app" target="_blank">
                 Documentation
               </a>
-              <a className="navbar-item" href="https://discord.gg/FepAked3W7" target="_blank">
+              <a className="navbar-item is-hidden" href="https://discord.gg/FepAked3W7" target="_blank">
                 Discord
               </a>
               <a className="navbar-item is-hidden" href="https://github.com/casejs/CASE" target="_blank">
                 Github
               </a>
-              <div className="navbar-item is-hidden">
+              <div className="navbar-item">
                 <div className="buttons">
                   <a className="button is-small is-dark" href="https://github.com/casejs/CASE" target="_blank">
                     <strong>Github</strong>