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

Updates

Browse Source
This commit is contained in:
MyNameIsBatman 2021-06-30 14:13:29 -03:00
parent ff206386f1
commit 226c280fda
2 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/room/widgets/room-tools/RoomToolsWidgetView.scss
View File

@ -2,9 +2,8 @@
position: fixed; position: fixed;
bottom: 125px; bottom: 125px;
left: -133px; left: -133px;
background: rgba(20, 20, 20, .95); background: rgba($dark,.95);
border: 1px solid #101010; box-shadow: inset 0px 5px lighten(rgba($dark,.6),2.5), inset 0 -4px darken(rgba($dark,.6),4);
box-shadow: inset 0px 2px rgba(255, 255, 255, .1), inset -2px -2px rgba(255, 255, 255, .1);
border-top-right-radius: $border-radius; border-top-right-radius: $border-radius;
border-bottom-right-radius: $border-radius; border-bottom-right-radius: $border-radius;
transition: all .2s ease; transition: all .2s ease;
@ -12,4 +11,15 @@
&.open { &.open {
left: 0px; left: 0px;
} }
.list-group-item {
background: transparent;
padding: 3px 0px;
color: $white;
border-color: rgba($black, 0.3);
&:last-child {
border-bottom: none;
}
}
} }

12
src/views/room/widgets/room-tools/RoomToolsWidgetView.tsx
View File

@ -33,20 +33,20 @@ export const RoomToolsWidgetView: FC<RoomToolsWidgetViewProps> = props =>
return ( return (
<div className={'nitro-room-tools py-2 ps-3 d-flex' + classNames({' open': isExpended})}> <div className={'nitro-room-tools py-2 ps-3 d-flex' + classNames({' open': isExpended})}>
<div className="w-100 me-1"> <div className="list-group list-group-flush w-100 me-1">
<div className="text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('settings') }> <div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('settings') }>
<i className="fas fa-cog me-2" />{ LocalizeText('room.settings.button.text') } <i className="fas fa-cog me-2" />{ LocalizeText('room.settings.button.text') }
</div> </div>
<div className="text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('zoom') }> <div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('zoom') }>
<i className={ 'fas me-2 ' +classNames({'fa-search-minus': !isZoomedIn, 'fa-search-plus': isZoomedIn}) } />{ LocalizeText('room.zoom.button.text') } <i className={ 'fas me-2 ' +classNames({'fa-search-minus': !isZoomedIn, 'fa-search-plus': isZoomedIn}) } />{ LocalizeText('room.zoom.button.text') }
</div> </div>
<div className="text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('chat_history') }> <div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('chat_history') }>
<i className="fas fa-comment-alt me-2" />{ LocalizeText('room.chathistory.button.text') } <i className="fas fa-comment-alt me-2" />{ LocalizeText('room.chathistory.button.text') }
</div> </div>
<div className="text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('like_room') }> <div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('like_room') }>
<i className="fas fa-heart me-2" />{ LocalizeText('room.like.button.text') } <i className="fas fa-heart me-2" />{ LocalizeText('room.like.button.text') }
</div> </div>
<div className="text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('room_link') }> <div className="list-group-item text-decoration-underline cursor-pointer" onClick={ () => handleToolClick('room_link') }>
<i className="fas fa-link me-2" />{ LocalizeText('navigator.embed.caption') } <i className="fas fa-link me-2" />{ LocalizeText('navigator.embed.caption') }
</div> </div>
</div> </div>