docs: fix blog breadcrumb responsive

nuxt-hub · Aug 11, 2024 · b9d2faa · b9d2faa
1 parent 7f7ee16
commit b9d2faa
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/docs/pages/blog/[slug].vue b/docs/pages/blog/[slug].vue
@@ -63,7 +63,7 @@ onMounted(() => {
     <UPage>
       <UPageHeader :title="post.title" :description="post.description" :ui="{ headline: 'flex flex-col gap-y-8 items-start', description: 'text-gray-700 dark:text-gray-300' }">
         <template #headline>
-          <UBreadcrumb :links="[{ label: 'Blog', icon: 'i-ph-newspaper-duotone', to: '/blog' }, { label: post.title }]" />
+          <UBreadcrumb :links="[{ label: 'Blog', icon: 'i-ph-newspaper-duotone', to: '/blog' }, { label: post.title }]" :ui="{ wrapper: 'max-w-full' }" />
           <div class="flex items-center space-x-2">
             <span>
               {{ post.badge?.label || 'Article' }}