wiwi

src/components/Navbar.vue

@@ -2,25 +2,25 @@
   <div v-cloak v-if="links" class="container-fluid">
     <nav class="navbar" role="navigation" aria-label="main navigation">
       <div class="container">
-        <div class="navbar-brand">
+        <!-- <div class="navbar-brand">
           <a
             role="button"
             aria-label="menu"
             aria-expanded="false"
             class="navbar-burger"
             :class="{ 'is-active': showMenu }"
-            v-on:click="$emit('navbar-toggle')"
+            @click="$emit('navbar-toggle')"
           >
             <span aria-hidden="true"></span>
             <span aria-hidden="true"></span>
             <span aria-hidden="true"></span>
           </a>
-        </div>
+        </div> -->
         <div class="navbar-menu" :class="{ 'is-active': showMenu }">
           <div class="navbar-start">
             <!--  -->
             <a
-              class="navbar-item"
+              class="navbar-item is-inline-block-mobile"
               rel="noreferrer"
               v-for="link in links"
               :key="link.url"
@@ -29,15 +29,16 @@
             >
               <i
                 v-if="link.icon"
-                style="margin-right: 6px;"
+                style="margin-right: 2px;"
                 :class="link.icon"
               ></i>
               {{ link.name }}
             </a>
             <!--  -->
+            <slot></slot>
           </div>
           <div class="navbar-end">
-            <slot></slot>
+            <!-- <slot></slot> -->
           </div>
         </div>
       </div>
@@ -51,13 +52,13 @@ export default {
   props: {
     open: {
       type: Boolean,
-      default: false,
+      default: true,
     },
     links: Array,
   },
   computed: {
     showMenu: function () {
-      return this.open && this.isSmallScreen();
+      return this.open;// && this.isSmallScreen();
     },
   },
   methods: {