From 5ca56bdf0f60762d99a43e6cee0945703b0e1d3a Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Wed, 10 May 2023 17:28:47 +0200
Subject: [PATCH] change layout component order: drawer at last
---
layouts/article.vue | 25 ++++++++++++++++---------
1 file changed, 16 insertions(+), 9 deletions(-)
diff --git a/layouts/article.vue b/layouts/article.vue
index 01e75478..9ccd09d0 100644
--- a/layouts/article.vue
+++ b/layouts/article.vue
@@ -1,21 +1,28 @@
<template>
<v-card>
<v-app>
+ <v-main style="min-height: 300px">
+ <!-- <v-container class="fill-height w-auto" > -->
+ <!-- <v-card flat max-width="1000" min-height="300" color="transparent">
+ <v-card-text> -->
+ <slot />
+ <!-- </v-card-text>
+ </v-card> -->
+ <v-footer id="app-footer" app>footer</v-footer>
+ <!-- </v-container> -->
+ </v-main>
<NavNavbar />
-
<NavTableOfContent :links="page.body.toc.links" />
- <v-main style="min-height: 300px">
- <v-container class="px-8">
- <slot />
-
- <v-footer app>footer</v-footer>
- </v-container></v-main
- >
</v-app>
</v-card>
</template>
<script setup lang="ts">
-const { navigation, page, surround, globals } = useContent();
+const { page } = useContent();
console.log("the toc", page.value);
</script>
+<style scoped>
+#app-footer {
+ border-top: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+}
+</style>
--
GitLab