nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-22 22:30:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update toolbar

Browse Source
This commit is contained in:
Bill 2021-04-15 02:23:55 -04:00
parent 05ded78330
commit 4b1ef5d5ec
2 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/toolbar/ToolbarView.scss
View File

@ -15,24 +15,20 @@
cursor: pointer;
padding: unset;
min-width: 50px;
min-height: 60px;
width: 50px;
height: 60px;
margin: 0 5px;
overflow: hidden;
&:active {
-webkit-transform: translate(0, 1px);
transform: translate(0, 1px);
}
&.avatar-image {
width: 65px;
height: 60px;
img {
position: relative;
top: 12px;
right: 5px;
}
.avatar-image {
top: 20px;
left: -5px;
}
.icon,

2
src/views/toolbar/ToolbarView.tsx
View File

@ -52,7 +52,7 @@ export function ToolbarView(props: ToolbarViewProps): JSX.Element
{ (unseenFriendListCount > 0) && (
<div className="position-absolute bg-danger px-1 py-0 rounded shadow count">{ unseenFriendListCount }</div>) }
</li>
<li className="list-group-item avatar-image">
<li className="list-group-item">
{ userInfo && <AvatarImageView figure={ userInfo.figure } direction={ 2 } headOnly={ true } /> }
{ (unseenAchievementsCount > 0) && (
<div className="position-absolute bg-danger px-1 py-0 rounded shadow count">{ unseenAchievementsCount }</div>) }