Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 15:59:41 +02:00
Code Issues Releases Activity

feat(app): ui additional css class [EE-3594] (#7157)

Browse source 
* feat(app): ui additional css class [EE-3594]
This commit is contained in:
Chaim Lev-Ari 2022-07-01 04:14:22 +03:00 • committed by GitHub
parent cd66e32912
commit 6fe26a52dd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
33 changed files with 419 additions and 181 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/react/components/PageHeader/HeaderTitle.module.css
View file

@ -3,6 +3,8 @@
font-size: 17px;
background: none;
margin-right: 15px;
display: flex;
align-items: center;
}
.menu-list {
@ -23,6 +25,13 @@
font-size: 14px;
color: var(--text-dropdown-menu-color);
text-decoration: none !important;
border-radius: 5px;
}
.arrow-down {
width: 18px;
height: 18px;
margin-left: 10px;
}
.menu-link:hover {

4
app/react/components/PageHeader/HeaderTitle.tsx
View file

@ -28,9 +28,9 @@ export function HeaderTitle({ title, children }: PropsWithChildren<Props>) {
<span className="header_title_content">{children}</span>
<Menu>
<MenuButton className={clsx('pull-right', styles.menuButton)}>
<User className="feather" />
<User className="icon-nested-gray" />
{user && <span>{user.Username}</span>}
<ChevronDown className="feather" />
<ChevronDown className={styles.arrowDown} />
</MenuButton>
<MenuList className={styles.menuList}>

6
app/react/components/PageHeader/PageHeader.tsx
View file

@ -33,6 +33,9 @@ export function PageHeader({
return (
<HeaderContainer>
<HeaderContent>
<Breadcrumbs breadcrumbs={breadcrumbs} />
</HeaderContent>
<HeaderTitle title={title}>
{reload && (
<Button
@ -46,9 +49,6 @@ export function PageHeader({
</Button>
)}
</HeaderTitle>
<HeaderContent>
<Breadcrumbs breadcrumbs={breadcrumbs} />
</HeaderContent>
</HeaderContainer>
);
}