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

Update styling

Browse Source
This commit is contained in:
Bill 2021-04-29 23:29:35 -04:00
parent 996c7f218e
commit 9122dec1fd
6 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/index.scss
View File

@ -27,6 +27,11 @@ $infostand-zindex: 30;
$chat-zindex: 20; $chat-zindex: 20;
$highscore-zindex: 19; $highscore-zindex: 19;
$grid-bg-color: #CDD3D9;
$grid-border-color: $muted;
$grid-active-bg-color: #ECECEC;
$grid-active-border-color: $white;
@import './utils/Styles'; @import './utils/Styles';
@import './App'; @import './App';
@import './hooks/Styles'; @import './hooks/Styles';

2
src/views/inventory/views/badge/InventoryBadgeView.tsx
View File

@ -78,7 +78,7 @@ export const InventoryBadgeView: FC<InventoryBadgeViewProps> = props =>
<> <>
<div className="row"> <div className="row">
<div className="col-7"> <div className="col-7">
<InventoryBadgeResultsView badges={ badges } activeBadges={ activeBadges } cols={ 5 } /> <InventoryBadgeResultsView badges={ badges } activeBadges={ activeBadges } />
</div> </div>
<div className="col-5"> <div className="col-5">
<p className="mb-1 text-black">{ LocalizeText('inventory.badges.activebadges') }</p> <p className="mb-1 text-black">{ LocalizeText('inventory.badges.activebadges') }</p>

6
src/views/inventory/views/badge/item/InventoryBadgeItemView.scss
View File

@ -5,13 +5,13 @@
.inventory-badge-item { .inventory-badge-item {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-color: $muted !important; border-color: $grid-border-color !important;
background-color: #CDD3D9; background-color: $grid-bg-color;
overflow: hidden; overflow: hidden;
&.active { &.active {
border-color: $white !important; border-color: $white !important;
background-color: #ECECEC; background-color: $grid-active-border-color;
} }
} }
} }

6
src/views/inventory/views/bot/item/InventoryBotItemView.scss
View File

@ -5,13 +5,13 @@
.inventory-bot-item { .inventory-bot-item {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-color: $muted !important; border-color: $grid-border-color !important;
background-color: #CDD3D9; background-color: $grid-bg-color;
overflow: hidden; overflow: hidden;
&.active { &.active {
border-color: $white !important; border-color: $white !important;
background-color: #ECECEC; background-color: $grid-active-border-color;
} }
.avatar-image { .avatar-image {

6
src/views/inventory/views/furniture/item/InventoryFurnitureItemView.scss
View File

@ -5,15 +5,15 @@
.inventory-furniture-item { .inventory-furniture-item {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-color: $grid-border-color !important;
background-color: $grid-bg-color;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
border-color: $muted !important;
background-color: #CDD3D9;
overflow: hidden; overflow: hidden;
&.active { &.active {
border-color: $white !important; border-color: $white !important;
background-color: #ECECEC; background-color: $grid-active-border-color;
} }
.badge { .badge {

6
src/views/inventory/views/pet/item/InventoryPetItemView.scss
View File

@ -5,13 +5,13 @@
.inventory-pet-item { .inventory-pet-item {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-color: $muted !important; border-color: $grid-border-color !important;
background-color: #CDD3D9; background-color: $grid-bg-color;
overflow: hidden; overflow: hidden;
&.active { &.active {
border-color: $white !important; border-color: $white !important;
background-color: #ECECEC; background-color: $grid-active-border-color;
} }
} }
} }