forked from Alex/Pterodactyl-Panel
Greens
This commit is contained in:
parent
8dcd445df6
commit
f62c8a0d55
@ -9,7 +9,7 @@ export default Vue.component('progress-bar', {
|
||||
computed: {
|
||||
backgroundColor: function () {
|
||||
if (this.percent < 70) {
|
||||
return "bg-green-dark";
|
||||
return "bg-green-600";
|
||||
} else if (this.percent >= 70 && this.percent < 90) {
|
||||
return "bg-yellow-dark";
|
||||
} else {
|
||||
@ -18,7 +18,7 @@ export default Vue.component('progress-bar', {
|
||||
},
|
||||
borderColor: function () {
|
||||
if (this.percent < 70) {
|
||||
return "border-green-dark";
|
||||
return "border-green-600";
|
||||
} else if (this.percent >= 70 && this.percent < 90) {
|
||||
return "border-yellow-dark";
|
||||
} else {
|
||||
|
@ -26,7 +26,7 @@
|
||||
@apply .bg-green;
|
||||
}
|
||||
100% {
|
||||
@apply .bg-green-dark;
|
||||
@apply .bg-green-600;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -14,10 +14,10 @@
|
||||
}
|
||||
|
||||
&.btn-green {
|
||||
@apply .bg-green .border-green-dark .border .text-white;
|
||||
@apply .bg-green-500 .border-green-600 .border .text-white;
|
||||
|
||||
&:hover:enabled {
|
||||
@apply .bg-green-dark .border-green-darker;
|
||||
@apply .bg-green-600 .border-green-800;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -17,12 +17,12 @@ code {
|
||||
height: 16px;
|
||||
|
||||
&.online {
|
||||
@apply .bg-green-dark .border-green;
|
||||
@apply .bg-green-600 .border-green;
|
||||
animation: onlineblink 2s infinite alternate;
|
||||
}
|
||||
|
||||
&.offline {
|
||||
@apply .bg-green-dark .border-red;
|
||||
@apply .bg-green-600 .border-red;
|
||||
animation: offlineblink 2s infinite alternate;
|
||||
}
|
||||
}
|
||||
|
@ -29,7 +29,7 @@
|
||||
}
|
||||
|
||||
&.success {
|
||||
@apply .bg-green-dark .border-green-darker .text-green-lightest;
|
||||
@apply .bg-green-600 .border-green-800 .text-green-50;
|
||||
|
||||
& > .title {
|
||||
@apply .bg-green;
|
||||
|
Loading…
Reference in New Issue
Block a user