Some UI

components/EditGitlab.vue

@@ -2,6 +2,7 @@
   <v-row>
     <v-col>
       <v-btn prepend-icon="mdi-gitlab" variant="text" size="small" :href="path" target="_blank">Edit on gitlab</v-btn>
+      <v-divider> </v-divider>
     </v-col>
   </v-row>
 </template>

components/Footer.vue

 <template>
-    <v-footer app border text-center d-flex flex-column>
+    <v-footer app text-center d-flex flex-column>
         <div class="px-4 text-center w-100">
                 <span><a href="https://mdmlab.fr/" target="_blank"><v-img src="/cropped-logoblue-288x129.png" inline :width="70"
                         :aspect-ratio="288 / 129"></v-img></a></span>

components/Nav/TableOfContent.vue

@@ -11,7 +11,7 @@ const { mobile } = useDisplay();
 </script>
 
 <template>
-  <v-navigation-drawer v-if="!mobile" id="app-toc" location="right" :border="0" permanent>
+  <v-navigation-drawer v-if="!mobile" id="app-toc" location="right" :border="0" permanent color="transparent">
     <template #prepend>
       <div class="text-h6 font-weight-medium mt-4 mb-2 ms-4">Contents</div>
     </template>

layouts/article-no-toc.vue

@@ -13,10 +13,10 @@ import { useDisplay } from 'vuetify'
         <v-main style="min-height: 300px">
             <v-container>
                 <slot />
-                <EditGitlab />
+                <!-- <EditGitlab /> -->
                 <NavPrevNext />
             </v-container>
-            <Footer></Footer>
+            <!-- <Footer></Footer> -->
         </v-main>
         <NavNavbar />
         <nav-back-to-top />

layouts/article.vue

@@ -28,7 +28,7 @@ function onScroll(e) {
         <EditGitlab />
         <NavPrevNext />
       </v-container>
-      <Footer></Footer>
+      <!-- <Footer></Footer> -->
     </v-main>
     <NavNavbar :density="density" />
     <NavTableOfContent :links="page.body.toc.links" />