improve style of doc

SharifAIChallenge · Mar 24, 2021 · d1fdbec · d1fdbec
1 parent 7dbc8b0
commit d1fdbec
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 15 deletions.
diff --git a/components/doc/Header.vue b/components/doc/Header.vue
@@ -1,16 +1,5 @@
 <template>
   <div id="header">
-    <v-dialog fullscreen v-model="showMenu" transition="fade-transition">
-      <v-btn icon @click="showMenu = !showMenu" class="ma-3">
-        <v-icon>
-          mdi-close
-        </v-icon>
-      </v-btn>
-      <div class="d-flex flex-column align-center justify-center" style="height: 85%">
-        <v-btn plain :ripple="false" text tile :class="getClass()" to="/dashboard">داشبورد</v-btn>
-        <v-btn plain :ripple="false" text tile :class="getClass()" to="/">خانه</v-btn>
-      </div>
-    </v-dialog>
     <v-app-bar flat absolute :color="color">
       <v-btn icon class="transparent hidden-sm-and-up" @click="showMenu = !showMenu">
         <v-icon>

diff --git a/components/doc/MarkdownRenderer.vue b/components/doc/MarkdownRenderer.vue
@@ -18,6 +18,22 @@ export default {
 
 .markdown {
   padding: 100px 0px 100px;
+  h1,
+  h2,
+  h3 {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: flex-end;
+    a.header-anchor {
+      opacity: 0;
+      transition: all 0.7s;
+    }
+    &:hover {
+      a.header-anchor {
+        opacity: 1;
+      }
+    }
+  }
   ol {
     counter-reset: list-item;
     padding-right: 10px;
@@ -71,6 +87,11 @@ export default {
       }
       a {
         text-decoration: none;
+        width: 100%;
+        display: block;
+        &:hover {
+          color: var(--v-primary-darken1);
+        }
       }
     }
   }

diff --git a/components/doc/Tree.vue b/components/doc/Tree.vue
@@ -2,7 +2,7 @@
   <div>
     <v-row>
       <v-col cols="4" md="3" lg="2" xl="2" class="tree pl-0">
-        <v-app-bar clipped-right style="left: unset; overflow: hidden" height="90" class="dashbordNav">
+        <v-app-bar clipped-right style="left: unset; overflow: hidden" width="100%" height="90" class="dashbordNav">
           <v-app-bar-nav-icon class="ms-1 hidden-md-and-up pa-0" />
           <v-row class="justify-center logo">
             <nuxt-link to="/" class="white--text" style="width: 100%; height: 100%">
@@ -112,8 +112,8 @@ export default {
 .tree {
   background: map-get($material-dark-elevation-colors, '12');
   .treeview {
-    position: sticky;
-    top: 0;
+    // position: sticky;
+    // top: 0;
   }
 }
 </style>
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -107,7 +107,7 @@ export default {
           permalink: true,
           // renderPermalink: (slug, opts, state, permalink) => {},
           permalinkClass: 'header-anchor',
-          permalinkSymbol: '¶',
+          permalinkSymbol: '🔗',
           permalinkBefore: true,
         },
       ],