From 5a8cf5194840719ab74cc41cf0a799ed7f1c7eac Mon Sep 17 00:00:00 2001
From: Sadegh Barati <sadeghbaratiwork@gmail.com>
Date: Sun, 23 Jun 2024 22:47:48 +0330
Subject: [PATCH] chore: update

---
 apps/www/src/lib/registry/default/ui/separator/Separator.vue  | 4 ++--
 apps/www/src/lib/registry/new-york/ui/separator/Separator.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/www/src/lib/registry/default/ui/separator/Separator.vue b/apps/www/src/lib/registry/default/ui/separator/Separator.vue
index 7edae0dd..4e9cde66 100644
--- a/apps/www/src/lib/registry/default/ui/separator/Separator.vue
+++ b/apps/www/src/lib/registry/default/ui/separator/Separator.vue
@@ -27,8 +27,8 @@ const delegatedProps = computed(() => {
   >
     <span
       v-if="props.label"
-      :class="cn('text-xs text-muted-foreground absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white flex justify-center items-center',
-                 props.orientation === 'vertical' ? 'w-[1px]' : 'h-[1px]',
+      :class="cn('text-xs text-muted-foreground bg-background absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white flex justify-center items-center',
+                 props.orientation === 'vertical' ? 'w-[1px] py-1' : 'h-[1px] px-2',
       )"
     >{{ props.label }}</span>
   </Separator>
diff --git a/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue b/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue
index 10807da8..1eac288a 100644
--- a/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue
+++ b/apps/www/src/lib/registry/new-york/ui/separator/Separator.vue
@@ -29,8 +29,8 @@ const delegatedProps = computed(() => {
       v-if="props.label"
       :class="
         cn(
-          'text-xs text-muted-foreground absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white flex justify-center items-center',
-          props.orientation === 'vertical' ? 'w-[1px]' : 'h-[1px]',
+          'text-xs text-muted-foreground bg-background absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white flex justify-center items-center',
+          props.orientation === 'vertical' ? 'w-[1px] py-1' : 'h-[1px] px-2',
         )
       "
     >{{ props.label }}</span>