From 99f5a66090e9ed79ab259443c0dbf22695623c33 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 23 Aug 2024 16:19:19 +0200
Subject: [PATCH] docs: update

---
 docs/app/components/Header.vue                            | 8 +-------
 docs/app/components/color-picker/ColorPicker.vue          | 2 +-
 .../content/examples/modal/ModalCommandPaletteExample.vue | 2 +-
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/docs/app/components/Header.vue b/docs/app/components/Header.vue
index eaee443c..7af13bfe 100644
--- a/docs/app/components/Header.vue
+++ b/docs/app/components/Header.vue
@@ -6,7 +6,6 @@ const props = defineProps<{
   links: NavigationMenuItem[]
 }>()
 
-const route = useRoute()
 const config = useRuntimeConfig().public
 
 const navigation = inject<Ref<NavItem[]>>('navigation')
@@ -15,12 +14,7 @@ const items = computed(() => props.links.map(({ icon, ...link }) => link))
 </script>
 
 <template>
-  <UHeader
-    :class="{
-      'border-primary-200/75 dark:border-primary-900/50': route.path === '/',
-      'border-gray-200 dark:border-gray-800': route.path !== '/'
-    }"
-  >
+  <UHeader>
     <template #left>
       <NuxtLink to="/" class="flex items-end gap-2 font-bold text-xl text-gray-900 dark:text-white" aria-label="Nuxt UI">
         <Logo class="w-auto h-6" />
diff --git a/docs/app/components/color-picker/ColorPicker.vue b/docs/app/components/color-picker/ColorPicker.vue
index 87864b84..7260780f 100644
--- a/docs/app/components/color-picker/ColorPicker.vue
+++ b/docs/app/components/color-picker/ColorPicker.vue
@@ -20,7 +20,7 @@
         <ColorPickerPill v-for="color in primaryColors" :key="color" :color="color" :selected="primary" @select="primary = color" />
       </fieldset>
 
-      <hr class="border-gray-200 dark:border-gray-800 my-2">
+      <USeparator class="my-2" type="dashed" />
 
       <fieldset class="grid grid-cols-5 gap-px">
         <legend class="text-[11px] font-bold mb-1">
diff --git a/docs/app/components/content/examples/modal/ModalCommandPaletteExample.vue b/docs/app/components/content/examples/modal/ModalCommandPaletteExample.vue
index 625e066e..b32b5940 100644
--- a/docs/app/components/content/examples/modal/ModalCommandPaletteExample.vue
+++ b/docs/app/components/content/examples/modal/ModalCommandPaletteExample.vue
@@ -27,7 +27,7 @@ const groups = computed(() => [{
         :loading="status === 'pending'"
         :groups="groups"
         placeholder="Search users..."
-        class="h-96 border-t border-gray-200 dark:border-gray-800"
+        class="h-96"
       />
     </template>
   </UModal>