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

Merge pull request #28 from billsonnn/patch/style

Browse Source 
Patch/style
This commit is contained in:
Bill 2021-11-12 22:43:28 -05:00 committed by GitHub
commit 6984e0df87
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 9 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -104,8 +104,8 @@ export const GroupInformationView: FC<GroupInformationViewProps> = props =>
<div className="group-information text-black p-2">
<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 } />
<div className="group-badge d-flex align-items-center">
<BadgeImageView badgeCode={ groupInformation.badge } isGroup={ true } className="mx-auto d-block"/>
</div>
<div className="mt-3 cursor-pointer" onClick={ () => handleAction('members') }>
{ LocalizeText('group.membercount', ['totalMembers'], [groupInformation.membersCount.toString()]) }

4
src/views/mod-tools/views/chatlog/ChatlogView.tsx
View File

@ -104,8 +104,8 @@ export const ChatlogView: FC<ChatlogViewProps> = props =>
return (
<div key={uniqueKey} style={style} className="row justify-content-start gap-2 room-info">
<div className="col-7"><span className="fw-bold">Room: </span>{roomName}</div>
<button className="btn btn-sm btn-primary col-sm-auto" onClick={() => TryVisitRoom(roomId)}>Visit Room</button>
<button className="btn btn-sm btn-primary col-sm-auto" onClick={() => dispatchUiEvent(new ModToolsOpenRoomInfoEvent(roomId))}>Room Tools</button>
<button className="btn btn-sm btn-primary col-auto" onClick={() => TryVisitRoom(roomId)}>Visit Room</button>
<button className="btn btn-sm btn-primary col-auto" onClick={() => dispatchUiEvent(new ModToolsOpenRoomInfoEvent(roomId))}>Room Tools</button>
</div>
);
}, []);

2
src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
View File

@ -36,7 +36,7 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
<div style={props.style} key={props.key} className="row room-visit">
<div className="col-auto text-center">{item.enterHour.toString().padStart(2, '0')}:{item.enterMinute.toString().padStart(2, '0')}</div>
<div className="col-7"><span className="fw-bold">Room: </span>{item.roomName}</div>
<button className="btn btn-sm btn-link col-sm-auto fw-bold" onClick={() => TryVisitRoom(item.roomId)}>Visit Room</button>
<button className="btn btn-sm btn-link col-auto fw-bold" onClick={() => TryVisitRoom(item.roomId)}>Visit Room</button>
</div>);
}

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>
// );
}

5
src/views/user-profile/views/relationships-container/RelationshipsContainerView.scss
View File

@ -1,12 +1,10 @@
.relationships-container {
.relationship-container {
//margin-bottom: 10px;
.relationship
{
margin-left: 10px;
display: inline-block;
position: relative;
&.advanced {
background-color: white;
@ -24,7 +22,6 @@
height: 80px;
right: 0;
margin-top: -60px;
margin-right: 10px;
}
}

2
src/views/user-profile/views/relationships-container/RelationshipsContainerView.tsx
View File

@ -27,7 +27,7 @@ export const RelationshipsContainerView: FC<RelationshipsContainerViewProps> = p
<div className="relationship-container d-flex flex-row align-items-center w-100">
<i className={`icon icon-relationship-${relationshipName} flex-shrink-0 align-self-baseline mt-2`} />
<div className="w-100 d-flex flex-column">
<span className={'relationship w-100' + (!simple ? ' advanced' : '')}>
<span className={'relationship mx-2' + (!simple ? ' advanced' : '')}>
<span className="cursor-pointer relationship-text" onClick={() => OnUserClick(relationshipInfo)}>
{
(relationshipInfo && relationshipInfo.friendCount > 0) ? relationshipInfo.randomFriendName : LocalizeText('extendedprofile.add.friends')

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>