From 75d26e0c2be3810c1c188fdbe66bc26ed2ea2ef8 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 1 Aug 2023 16:05:29 +0200
Subject: [PATCH] docs: improve dynamic page

---
 docs/components/Footer.vue |  2 +-
 docs/pages/[...slug].vue   | 19 ++++++++++---------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/docs/components/Footer.vue b/docs/components/Footer.vue
index c5ce6b2a..b61ab9e3 100644
--- a/docs/components/Footer.vue
+++ b/docs/components/Footer.vue
@@ -8,7 +8,7 @@
     </div>
 
     <NuxtLink :to="`https://github.com/nuxtlabs/ui/releases/tag/v${config.version}`" target="_blank" class="inline-flex">
-      <UBadge :label="`v${config.version}`" />
+      <UBadge :label="`v${config.version}`" variant="subtle" />
     </NuxtLink>
 
     <div class="flex-1 flex items-center justify-end gap-1.5 -my-1 lg:hidden">
diff --git a/docs/pages/[...slug].vue b/docs/pages/[...slug].vue
index c2959323..9d59cd90 100644
--- a/docs/pages/[...slug].vue
+++ b/docs/pages/[...slug].vue
@@ -5,20 +5,21 @@
     <UPageBody prose>
       <ContentRenderer v-if="page && page.body" :value="page" />
 
-      <UButton
-        :to="githubLink"
-        variant="link"
-        icon="i-heroicons-pencil-square"
-        label="Edit this page on GitHub"
-        :padded="false"
-        class="mt-12"
-      />
+      <div class="mt-12 not-prose">
+        <UButton
+          :to="githubLink"
+          variant="link"
+          icon="i-heroicons-pencil-square"
+          label="Edit this page on GitHub"
+          :padded="false"
+        />
+      </div>
 
       <hr v-if="surround?.length" class="border-gray-200 dark:border-gray-800 my-8">
 
       <UDocsSurround :surround="surround" />
 
-      <Footer />
+      <Footer class="not-prose" />
     </UPageBody>
 
     <template v-if="page.body?.toc?.links?.length" #right>