fix: enough padding for breadcrumbs

This commit is contained in:
2025-05-31 17:59:11 +02:00
parent 485cfc2d12
commit d451331c66

View File

@ -16,18 +16,20 @@ const ApiServicesPage: FC = () => {
return ( return (
<div className="relative flex flex-col items-stretch w-full h-full"> <div className="relative flex flex-col items-stretch w-full h-full">
<Breadcrumbs <div className="p-4">
className="p-7 pb-2" <Breadcrumbs
items={[ className="pb-2"
{ items={[
href: "/admin", {
label: "Admin", href: "/admin",
}, label: "Admin",
{ },
label: "API Services", {
}, label: "API Services",
]} },
/> ]}
/>
</div>
<div className="p-4 flex flex-row items-center justify-between"> <div className="p-4 flex flex-row items-center justify-between">
<p className="text-gray-800 dark:text-gray-300">Search...</p> <p className="text-gray-800 dark:text-gray-300">Search...</p>
<Link to="/admin/api-services/create"> <Link to="/admin/api-services/create">
@ -84,7 +86,7 @@ const ApiServicesPage: FC = () => {
> >
<td className="px-6 py-4 text-sm font-medium text-blue-600 border border-gray-700"> <td className="px-6 py-4 text-sm font-medium text-blue-600 border border-gray-700">
<Link <Link
to={`/services/${service.id}`} to={`/admin/api-services/view/${service.id}`}
className="hover:underline hover:text-gray-600 dark:hover:text-gray-300 transition-colors" className="hover:underline hover:text-gray-600 dark:hover:text-gray-300 transition-colors"
> >
{service.name} {service.name}