Merge pull request #1246 from rainlanguage/Add-padding-to-page-header

rainlanguage · Feb 7, 2025 · 3c6151c · 3c6151c
2 parents 6185a4d + 3bbd364
commit 3c6151c
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/ui-components/src/lib/components/PageHeader.svelte b/packages/ui-components/src/lib/components/PageHeader.svelte
@@ -8,7 +8,7 @@
 	$: breadcrumbs = generateBreadcrumbs(pathname);
 </script>
 
-<div class="mb-8 flex w-full items-center">
+<div class="mb-4 flex w-full items-center">
 	<div class="flex-1">
 		<Breadcrumb
 			olClass="inline-flex items-center rtl:space-x-reverse"
@@ -18,11 +18,12 @@
 			{#each breadcrumbs as crumb}
 				<BreadcrumbItem
 					href={crumb.href}
-					linkClass="mr-0 text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white capitalize"
+					linkClass="mx-2 text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white capitalize"
 					>{crumb.label}</BreadcrumbItem
 				>
 			{/each}
-			<BreadcrumbItem spanClass="text-sm font-medium text-gray-700 dark:text-gray-300 capitalize"
+			<BreadcrumbItem
+				spanClass="mx-2 text-sm font-medium text-gray-700 dark:text-gray-300 capitalize"
 				><span data-testid="breadcrumb-page-title">{title}</span></BreadcrumbItem
 			>
 		</Breadcrumb>