docs: update styling

docs/src/layouts/App/index.vue

@@ -16,6 +16,7 @@
 
         <div class="app__menu">
           <span class="app__menu-item">
+            <icon name="search-line" />
             Search
             <div class="app__search-docsearch" />
           </span>
@@ -28,14 +29,14 @@
           @click="menuIsVisible = true"
           v-if="!menuIsVisible"
         >
-          <icon name="menu" />
+          <icon name="menu-fill" />
         </button>
         <button
           class="app__close-icon"
           @click="menuIsVisible = false"
           v-if="menuIsVisible"
         >
-          <icon name="close" />
+          <icon name="close-fill" />
         </button>
       </div>
       <div class="app__mobile-menu" v-if="menuIsVisible">
@@ -54,11 +55,13 @@
       </main>
 
       <portal :to="menuPortal">
-        <g-link class="app__menu-item" to="/installation">
-          Documentation
+        <g-link class="app__menu-item" to="/installation" v-if="$route.name === 'home'">
+          <icon name="book-3-line" />
+          <span>Documentation</span>
         </g-link>
         <g-link class="app__menu-item" to="https://github.com/ueberdosis/tiptap-next">
-          GitHub
+          <icon name="github-fill" />
+          <span>GitHub</span>
         </g-link>
       </portal>
 

docs/src/layouts/App/style.scss

@@ -46,7 +46,8 @@ $menuBreakPoint: 800px;
   }
 
   &__menu-item {
-    display: block;
+    display: flex;
+    align-items: center;
     overflow: hidden;
     position: relative;
     font-weight: 500;
@@ -59,6 +60,12 @@ $menuBreakPoint: 800px;
         margin-right: 0;
       }
     }
+
+    svg {
+      width: 1rem;
+      height: 1rem;
+      margin: 0 0.25rem;
+    }
   }
 
   &__content {