nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-18 21:36:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

BadgeViewInfo Update

Browse Source
This commit is contained in:
MyNameIsBatman 2021-09-03 18:50:46 -03:00
parent a5dbd3574e
commit 447fc2afff
5 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/room/widgets/infostand/views/base/InfoStandBaseView.tsx
View File

@ -7,7 +7,7 @@ export const InfoStandBaseView: FC<InfoStandBaseViewProps> = props =>
return (
<div className="d-flex flex-column nitro-card nitro-infostand rounded">
<div className="container-fluid content-area">
<div className="container-fluid content-area overflow-visible">
<div className="d-flex justify-content-between align-items-center">
<div className="small text-wrap">{ headerText }</div>
<i className="fas fa-times cursor-pointer" onClick={ onCloseClick }></i>

2
src/views/room/widgets/infostand/views/bot/InfoStandWidgetBotView.tsx
View File

@ -26,7 +26,7 @@ export const InfoStandWidgetBotView: FC<InfoStandWidgetBotViewProps> = props =>
<div className="w-100 d-flex justify-content-center align-items-center">
{ (botData.badges.length > 0) && botData.badges.map(result =>
{
return <BadgeImageView key={ result } badgeCode={ result } />;
return <BadgeImageView key={ result } badgeCode={ result } showInfo={ true } />;
}) }
</div>
</div>

2
src/views/room/widgets/infostand/views/rentable-bot/InfoStandWidgetRentableBotView.tsx
View File

@ -39,7 +39,7 @@ export const InfoStandWidgetRentableBotView: FC<InfoStandWidgetRentableBotViewPr
<div className="w-100 d-flex justify-content-center align-items-center">
{ (rentableBotData.badges.length > 0) && rentableBotData.badges.map(result =>
{
return <BadgeImageView key={ result } badgeCode={ result } />;
return <BadgeImageView key={ result } badgeCode={ result } showInfo={ true } />;
}) }
</div>
</div>

4
src/views/shared/badge-image/badge-info/BadgeInformationView.scss
View File

@ -2,10 +2,10 @@
position: absolute;
pointer-events: none;
user-select: none;
width: 260px;
width: 210px;
border-radius: $border-radius;
background: $white;
left: -270px;
left: -220px;
z-index: 100;
&:before {

2
src/views/shared/badge-image/badge-info/BadgeInformationView.tsx
View File

@ -7,7 +7,7 @@ export const BadgeInformationView: FC<BadgeInformationViewProps> = props =>
return (
<div className="badge-information text-black py-1 px-2 small">
<div className="fw-bold mb-2">{ title }</div>
<div className="fw-bold mb-1">{ title }</div>
<div>{ description }</div>
</div>
);