Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Greens

Browse source
This commit is contained in:
Dane Everitt 2019-02-09 14:36:39 -08:00
parent 8dcd445df6
commit f62c8a0d55
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
5 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/assets/scripts/components/server/components/ProgressBar.ts
View file

@ -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 {

2
resources/assets/styles/components/animations.css
View file

@ -26,7 +26,7 @@
@apply .bg-green;
}
100% {
@apply .bg-green-dark;
@apply .bg-green-600;
}
}

4
resources/assets/styles/components/buttons.css
View file

@ -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;
}
}

4
resources/assets/styles/components/miscellaneous.css
View file

@ -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;
}
}

2
resources/assets/styles/components/notifications.css
View file

@ -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;