nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-10-23 11:23:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix profile layout

Browse Source
This commit is contained in:
dank074 2021-11-12 20:40:49 -06:00
parent 30eaa6141f
commit c4e84cd921
3 changed files with 3 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/groups/views/information/GroupInformationView.tsx
View File

@ -105,7 +105,7 @@ export const GroupInformationView: FC<GroupInformationViewProps> = props =>
<div>
<div className="text-center d-flex flex-column h-100 small text-black text-decoration-underline">
<div className="group-badge">
<BadgeImageView badgeCode={ groupInformation.badge } isGroup={ true } />
<BadgeImageView badgeCode={ groupInformation.badge } isGroup={ true } className="mx-auto"/>
</div>
<div className="mt-3 cursor-pointer" onClick={ () => handleAction('members') }>
{ LocalizeText('group.membercount', ['totalMembers'], [groupInformation.membersCount.toString()]) }

19
src/views/user-profile/views/badges-container/BadgesContainerView.tsx
View File

@ -21,23 +21,4 @@ export const BadgesContainerView: FC<BadgesContainerViewProps> = props =>
</NitroCardGridView>
</div>
)
// return (
// <div className="row badge-container d-flex mt-1">
// <div className="nitro-card-grid theme-default">
// <div className="row row-cols-5 align-content-start">
// {
// badges.map( (badge, index) =>
// {
// return (
// <div className="grid-item-container" key={index}>
// <BadgeImageView badgeCode={badge}/>
// </div>
// )
// })
// }
// </div>
// </div>
// </div>
// );
}

4
src/views/user-profile/views/user-container/UserContainerView.tsx
View File

@ -27,10 +27,10 @@ export const UserContainerView: FC<UserContainerViewProps> = props =>
return (
<div className="row">
<div className="col-sm-3 px-0 d-flex align-items-center">
<div className="col-auto px-0 d-flex align-items-center">
<AvatarImageView figure={userProfile.figure} direction={2} />
</div>
<div className="col-sm-8">
<div className="col">
<div className="user-info-container">
<div className="fw-bold">{userProfile.username}</div>
<div className="fst-italic text-break small">{userProfile.motto}</div>