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

Fix GroupRoomInformationView layout

Browse Source
This commit is contained in:
MyNameIsBatman 2021-09-16 10:23:54 -03:00
parent 3539d0e6bf
commit 7e4b332711
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/groups/views/room-information/GroupRoomInformationView.scss
View File

@ -1,8 +1,8 @@
.nitro-group-room-information { .nitro-group-room-information {
pointer-events: all; pointer-events: all;
padding: 2px; padding: 6px 5px;
background-color: $gable-green; background-color: rgba($dark,.95);
border: 2px solid rgba($white, 0.5); box-shadow: inset 0px 5px lighten(rgba($dark,.6),2.5), inset 0 -4px darken(rgba($dark,.6),4);
font-size: $font-size-sm; font-size: $font-size-sm;
margin-bottom: 5px; margin-bottom: 5px;

4
src/views/groups/views/room-information/GroupRoomInformationView.tsx
View File

@ -104,7 +104,7 @@ export const GroupRoomInformationView: FC<{}> = props =>
if(!groupInformation) return null; if(!groupInformation) return null;
return ( return (
<div className="nitro-group-room-information rounded py-1 px-2"> <div className="nitro-group-room-information rounded">
<div className="d-flex justify-content-between align-items-center cursor-pointer" onClick={ () => setIsExpended(value => !value) }> <div className="d-flex justify-content-between align-items-center cursor-pointer" onClick={ () => setIsExpended(value => !value) }>
<div>{ LocalizeText('group.homeroominfo.title') }</div> <div>{ LocalizeText('group.homeroominfo.title') }</div>
<i className={ 'fas fa-chevron-' + (isExpended ? 'up' : 'down') } /> <i className={ 'fas fa-chevron-' + (isExpended ? 'up' : 'down') } />
@ -119,7 +119,7 @@ export const GroupRoomInformationView: FC<{}> = props =>
</div> </div>
</div> </div>
{ (groupInformation.type !== GroupType.PRIVATE || isRealOwner()) && { (groupInformation.type !== GroupType.PRIVATE || isRealOwner()) &&
<button className="btn btn-sm btn-primary w-100 mt-1" disabled={ groupInformation.membershipType === GroupMembershipType.REQUEST_PENDING } onClick={ handleButtonClick }> <button className="btn btn-sm btn-success w-100 mt-1" disabled={ groupInformation.membershipType === GroupMembershipType.REQUEST_PENDING } onClick={ handleButtonClick }>
{ LocalizeText(getButtonText()) } { LocalizeText(getButtonText()) }
</button> </button>
} }