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: { computed: {
backgroundColor: function () { backgroundColor: function () {
if (this.percent < 70) { if (this.percent < 70) {
return "bg-green-dark"; return "bg-green-600";
} else if (this.percent >= 70 && this.percent < 90) { } else if (this.percent >= 70 && this.percent < 90) {
return "bg-yellow-dark"; return "bg-yellow-dark";
} else { } else {
@ -18,7 +18,7 @@ export default Vue.component('progress-bar', {
}, },
borderColor: function () { borderColor: function () {
if (this.percent < 70) { if (this.percent < 70) {
return "border-green-dark"; return "border-green-600";
} else if (this.percent >= 70 && this.percent < 90) { } else if (this.percent >= 70 && this.percent < 90) {
return "border-yellow-dark"; return "border-yellow-dark";
} else { } else {

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

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

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

@ -14,10 +14,10 @@
} }
&.btn-green { &.btn-green {
@apply .bg-green .border-green-dark .border .text-white; @apply .bg-green-500 .border-green-600 .border .text-white;
&:hover:enabled { &: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; height: 16px;
&.online { &.online {
@apply .bg-green-dark .border-green; @apply .bg-green-600 .border-green;
animation: onlineblink 2s infinite alternate; animation: onlineblink 2s infinite alternate;
} }
&.offline { &.offline {
@apply .bg-green-dark .border-red; @apply .bg-green-600 .border-red;
animation: offlineblink 2s infinite alternate; animation: offlineblink 2s infinite alternate;
} }
} }

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

@ -29,7 +29,7 @@
} }
&.success { &.success {
@apply .bg-green-dark .border-green-darker .text-green-lightest; @apply .bg-green-600 .border-green-800 .text-green-50;
& > .title { & > .title {
@apply .bg-green; @apply .bg-green;