duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 PurseView

Browse Source
This commit is contained in:
DuckieTM 2024-05-09 23:37:25 +02:00
parent 41d7ebc3cb
commit 597afe859d
1 changed files with 23 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/purse/PurseView.scss
View File

@ -14,28 +14,28 @@
} }
.coffecurrencybutton { .coffecurrencybutton {
border-radius: 0.5rem !important; border-radius: 0.5rem !important;
background-color: #b69b83; background-color: rgba(#b69b83, 0.75);
border: 2px solid hsla(0deg, 0%, 100%, 0.5); border: 2px solid hsla(0deg, 0%, 100%, 0.5);
margin-bottom: 3px; margin-bottom: 3px;
padding: 0px !important; padding: 0px !important;
width: 30px; width: 30px;
} }
.borderhccontent { .borderhccontent {
background-color: #212131; background-color: rgba(#212131, 0.75);
border-radius: 0.5rem !important; border-radius: 0.5rem !important;
border: 2px solid #383853; border: 2px solid #383853;
height: calc(100% - 3px); height: calc(100% - 3px);
} }
.nitro-purse-button.currency--1 { .nitro-purse-button.currency--1 {
background: #e8b125; background-color: rgba(#e8b125, 0.75);
border: 2px solid #f4d892; border: 2px solid #f4d892;
} }
.nitro-purse-button.currency-0 { .nitro-purse-button.currency-0 {
background: #c364c1; background-color: rgba(#c364c1, 0.75);
border: 2px solid #e1b2e0; border: 2px solid #e1b2e0;
} }
.nitro-purse-button.currency-5 { .nitro-purse-button.currency-5 {
background: #6bafaa; background-color: rgba(#6bafaa, 0.75);
border: 2px solid #b5d7d5; border: 2px solid #b5d7d5;
} }
.allcurrencypurse { .allcurrencypurse {
@ -47,8 +47,8 @@
.nitro-purse-seasonal-currency { .nitro-purse-seasonal-currency {
position: relative; position: relative;
height: 30px; height: 30px;
background-color: rgba($dark, 0.55); background: linear-gradient(to right, $dark, transparent);
border-radius: 0.5rem !important; border-radius: 0.6rem !important;
.seasonal-padding { .seasonal-padding {
padding: 5px; padding: 5px;
@ -78,59 +78,49 @@
top: 0px; top: 0px;
right: 0px; right: 0px;
height: 100%; height: 100%;
width: 20%; width: 30%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: transparent;
} }
&.purple { &.purple {
.nitro-seasonal-box { .nitro-seasonal-box {
border-image-source: url(@/assets/images/purse/seasonal_bg_purple.png); background: linear-gradient(to left, #b17fbe, transparent);
} border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
.seasonal-bold {
color: #b17fbe;
} }
} }
&.bronze { &.bronze {
.nitro-seasonal-box { .nitro-seasonal-box {
border-image-source: url(@/assets/images/purse/seasonal_bg_bronze.png); background: linear-gradient(to left, #d4943c, transparent);
} border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
.seasonal-bold {
color: #d4943c;
} }
} }
&.pink { &.pink {
.nitro-seasonal-box { .nitro-seasonal-box {
border-image-source: url(@/assets/images/purse/seasonal_bg_pink.png); background: linear-gradient(to left, #d89ba8, transparent);
} border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
.seasonal-bold {
color: #d89ba8;
} }
} }
&.blue { &.blue {
.nitro-seasonal-box { .nitro-seasonal-box {
border-image-source: url(@/assets/images/purse/seasonal_bg_blue.png); background: linear-gradient(to left, #95c3e5, transparent);
} border-top-right-radius: 0.5rem;
.seasonal-bold { border-bottom-right-radius: 0.5rem;
color: #95c3e5;
} }
} }
&.red { &.red {
.nitro-seasonal-box { .nitro-seasonal-box {
border-image-source: url(@/assets/images/purse/seasonal_bg_red.png); background: linear-gradient(to left, #ff0004, transparent);
} border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
.seasonal-bold {
color: #ff0004;
} }
} }
} }