Fix GroupRoomInformationView layout

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

View File

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

View File

@ -104,7 +104,7 @@ export const GroupRoomInformationView: FC<{}> = props =>
if(!groupInformation) return null;
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>{ LocalizeText('group.homeroominfo.title') }</div>
<i className={ 'fas fa-chevron-' + (isExpended ? 'up' : 'down') } />
@ -119,7 +119,7 @@ export const GroupRoomInformationView: FC<{}> = props =>
</div>
</div>
{ (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()) }
</button>
}