Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-18 12:49:43 +02:00
Code Issues Releases Activity

feat: Display avatar next to user name in top bar

Browse source
This commit is contained in:
Maksim Eltyshev 2024-04-22 23:23:36 +02:00
parent 25a7a3bd3b
commit 14519c206e
3 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/BoardActions/BoardActions.module.scss
View file

@ -1,5 +1,7 @@
:global(#app) {
.action {
align-items: center;
display: flex;
flex: 0 0 auto;
margin-right: 20px;
}

4
client/src/components/Header/Header.jsx
View file

@ -7,6 +7,7 @@ import { usePopup } from '../../lib/popup';
import Paths from '../../constants/Paths';
import NotificationsStep from './NotificationsStep';
import User from '../User';
import UserStep from '../UserStep';
import styles from './Header.module.scss';
@ -91,7 +92,8 @@ const Header = React.memo(
onLogout={onLogout}
>
<Menu.Item className={classNames(styles.item, styles.itemHoverable)}>
{user.name}
<span className={styles.userName}>{user.name}</span>
<User name={user.name} avatarUrl={user.avatarUrl} size="small" />
</Menu.Item>
</UserPopup>
</Menu.Menu>

4
client/src/components/Header/Header.module.scss
View file

@ -86,6 +86,10 @@
font-weight: bold;
}
.userName {
margin-right: 10px;
}
.wrapper {
background: rgba(0, 0, 0, 0.24);
display: flex;