diff --git a/web/storagenode/src/app/components/payments/EstimationArea.vue b/web/storagenode/src/app/components/payments/EstimationArea.vue index 90609c9c1..18de8e116 100644 --- a/web/storagenode/src/app/components/payments/EstimationArea.vue +++ b/web/storagenode/src/app/components/payments/EstimationArea.vue @@ -91,7 +91,7 @@
-

{{ totalDiskSpace + 'h' }}

+

{{ totalDiskSpace + 'm' }}

{{ totalBandwidth }}

diff --git a/web/storagenode/src/app/components/payments/PayoutPeriodCalendar.vue b/web/storagenode/src/app/components/payments/PayoutPeriodCalendar.vue index 5dc5b683d..4f59036d7 100644 --- a/web/storagenode/src/app/components/payments/PayoutPeriodCalendar.vue +++ b/web/storagenode/src/app/components/payments/PayoutPeriodCalendar.vue @@ -293,8 +293,8 @@ export default class PayoutPeriodCalendar extends Vue { const availablePeriods: string[] = this.$store.state.payoutModule.payoutPeriods.map(payoutPeriod => payoutPeriod.period); // Creates month entities and adds them to list. - for (let i = 1; i <= 12; i++) { - const period = `${year}-${i < 9 ? '0' + i : i}`; + for (let i = 0; i < 12; i++) { + const period = `${year}-${i < 9 ? '0' + (i + 1) : (i + 1)}`; const isMonthActive: boolean = availablePeriods.includes(period); months.push(new MonthButton(year, i, isMonthActive, false)); diff --git a/web/storagenode/static/styles/_variables.scss b/web/storagenode/static/styles/_variables.scss index 5e8962d97..0e275fd55 100644 --- a/web/storagenode/static/styles/_variables.scss +++ b/web/storagenode/static/styles/_variables.scss @@ -47,7 +47,7 @@ --tooltip-shadow-color: rgba(211, 214, 222, 0.4208); --loading-screen-background-color: #e9ecf2; --loader-fill-color: #133e9c; - --loader-logo-color: #929baf; + --loader-logo-color: #929baf; --tooltip-background-path: url('../../static/images/tooltipBack.png'); --tooltip-arrow-path: url('../../static/images/tooltipArrow.png'); --info-image-arrow-middle-path: url('../../static/images/Message.png'); @@ -101,7 +101,7 @@ --tooltip-shadow-color: rgba(211, 214, 222, 0.2); --loading-screen-background-color: #1e1e26; --loader-fill-color: #4f97f7; - --loader-logo-color: #414148; + --loader-logo-color: #414148; --tooltip-background-path: url('../../static/images/tooltipBackDark.png'); --tooltip-arrow-path: url('../../static/images/tooltipArrowDark.png'); --info-image-arrow-middle-path: url('../../static/images/MessageDark.png');