mirror of
https://github.com/portainer/portainer.git
synced 2025-08-02 20:35:25 +02:00
fix(ui): fix ui bugs [EE-3847] (#7453)
This commit is contained in:
parent
dd372637cb
commit
95fb5a4baa
43 changed files with 246 additions and 448 deletions
|
@ -2,8 +2,6 @@ import { Fragment } from 'react';
|
|||
|
||||
import { Link } from '@@/Link';
|
||||
|
||||
import './Breadcrumbs.css';
|
||||
|
||||
export interface Crumb {
|
||||
label: string;
|
||||
link?: string;
|
||||
|
@ -19,11 +17,11 @@ export function Breadcrumbs({ breadcrumbs }: Props) {
|
|||
: [breadcrumbs];
|
||||
|
||||
return (
|
||||
<div className="breadcrumb-links">
|
||||
<div className="text-sm font-medium text-gray-7 th-dark:text-gray-5 th-highcontrast:text-white space-x-2">
|
||||
{breadcrumbsArray.map((crumb, index) => (
|
||||
<Fragment key={index}>
|
||||
{renderCrumb(crumb)}
|
||||
{index !== breadcrumbsArray.length - 1 ? ' > ' : ''}
|
||||
<span>{renderCrumb(crumb)}</span>
|
||||
{index !== breadcrumbsArray.length - 1 && <span>></span>}
|
||||
</Fragment>
|
||||
))}
|
||||
</div>
|
||||
|
@ -44,7 +42,7 @@ function renderCrumb(crumb: Crumb | string) {
|
|||
<Link
|
||||
to={crumb.link}
|
||||
params={crumb.linkParams}
|
||||
className="text-blue-9 hover:underline"
|
||||
className="text-blue-9 hover:underline hover:text-blue-11 th-dark:text-blue-7 th-dark:hover:text-blue-9 th-highcontrast:text-blue-5"
|
||||
>
|
||||
{crumb.label}
|
||||
</Link>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue