mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-11-23 06:40:50 +01:00
Fix GroupRoomInformationView layout
This commit is contained in:
parent
3539d0e6bf
commit
7e4b332711
@ -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;
|
||||
|
||||
|
@ -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>
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user