nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 06:40:50 +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; cursor: pointer;
padding: unset; padding: unset;
min-width: 50px; min-width: 50px;
min-height: 60px;
width: 50px; width: 50px;
height: 60px;
margin: 0 5px; margin: 0 5px;
overflow: hidden;
&:active { &:active {
-webkit-transform: translate(0, 1px); -webkit-transform: translate(0, 1px);
transform: translate(0, 1px); transform: translate(0, 1px);
} }
&.avatar-image { .avatar-image {
width: 65px; top: 20px;
height: 60px; left: -5px;
img {
position: relative;
top: 12px;
right: 5px;
}
} }
.icon, .icon,

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

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