duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Toolbar Avatar number

Browse Source
This commit is contained in:
DuckieTM 2024-03-31 22:41:07 +02:00
parent 19953a6697
commit b41a110be8
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/toolbar/ToolbarView.scss
View File

@ -13,14 +13,14 @@
position: relative; position: relative;
&.item-avatar { &.item-avatar {
overflow: hidden;
color: #fff; color: #fff;
background-color: #b69b83; background-color: #b69b83;
width: 50px; width: 50px;
height: 50px; height: 50px;
border-radius: 1rem; border-radius: 32px;
border: 2px solid #fff; border: 2px solid #fff;
padding: 1.75em; padding: 1.75em;
position: relative;
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
position: fixed; position: fixed;
top: 50px; top: 50px;
@ -28,8 +28,8 @@
} }
.avatar-image { .avatar-image {
margin-left: -5px; margin-left: 0px;
margin-top: 25px; margin-top: 45px;
} }
} }

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

@ -72,7 +72,7 @@ export const ToolbarView: FC<{ isInRoom: boolean }> = props =>
<Flex gap={ 2 } alignItems="center" className="widthsizemax"> <Flex gap={ 2 } alignItems="center" className="widthsizemax">
<Flex alignItems="center" gap={ 2 }> <Flex alignItems="center" gap={ 2 }>
<Flex center pointer className={ 'navigation-item item-avatar ' + (isMeExpanded ? 'active ' : '') } onClick={ event => setMeExpanded(!isMeExpanded) }> <Flex center pointer className={ 'navigation-item item-avatar ' + (isMeExpanded ? 'active ' : '') } onClick={ event => setMeExpanded(!isMeExpanded) }>
<LayoutAvatarImageView figure={ userFigure } direction={ 2 } position="absolute" /> <LayoutAvatarImageView figure={ userFigure } headOnly={ true } direction={ 2 } position="absolute" />
{ (getTotalUnseen > 0) && { (getTotalUnseen > 0) &&
<LayoutItemCountView count={ getTotalUnseen } /> } <LayoutItemCountView count={ getTotalUnseen } /> }
</Flex> </Flex>