style: fix green border, minor changes

This commit is contained in:
Ash Gray 2023-04-15 23:16:14 +02:00
parent c90fa18062
commit 8cbfb19506
No known key found for this signature in database
GPG key ID: 740B7C88251D49B6
2 changed files with 4 additions and 2 deletions

View file

@ -697,6 +697,8 @@ section.update-signup div.circle {
}
.progress-bar-real {
background-color: var(--green-shade-1);
width: calc(var(--progress-bar-width) - 6px);
left: 6px;
}
.all-progress-lists {

View file

@ -16,9 +16,9 @@
<div class="all-progress-lists">
<div class="donation-progress">
<h1 class="title dot">Donation goal {{#if (greaterThan donationCache.completed_real 100) }}<img src="/assets/images/ganon.apng" alt="An animated image of Cucuí Ganon dancing" class="cucui-dance" />{{/if}}</h1>
<h1 class="title dot">Donation goal {{#if (greaterThan donationCache.completed_real 99) }}<img src="/assets/images/ganon.apng" alt="An animated image of Cucuí Ganon dancing" class="cucui-dance" />{{/if}}</h1>
<div class="progress-bar" style="--progress-bar-width: {{ donationCache.completed_real }}%;">
<div class="progress-bar-real"></div>
{{#if (greaterThan donationCache.completed_real 100) }}<div class="progress-bar-real"></div>{{/if}}
<div class="progress-bar-capped"></div>
</div>
<p class="localeReplace">{{{ locale.donation.progress }}} {{{ locale.donation.upgradePush }}}</p>