nonshy/website
nonshy/website
1
0
Fork 0
Code Issues 20 Pull Requests 1 Packages Projects Releases Wiki Activity

Adjust progressbar styles

Browse Source
This commit is contained in:
Noah Petherbridge 2024-09-11 19:37:10 -07:00
parent 4b43071f28
commit 02487ba2f4
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/templates/demographics.html
View File

@ -85,7 +85,7 @@
<small class="has-text-grey">({{FormatNumberCommas .Demographic.Photo.NonExplicit}})</small> <small class="has-text-grey">({{FormatNumberCommas .Demographic.Photo.NonExplicit}})</small>
</div> </div>
<div class="column pt-4"> <div class="column pt-4">
<progress class="progress is-link has-background-dark" <progress class="progress is-link"
value="{{.Demographic.Photo.PercentNonExplicit}}" value="{{.Demographic.Photo.PercentNonExplicit}}"
max="100" max="100"
title="{{.Demographic.Photo.PercentNonExplicit}}%"> title="{{.Demographic.Photo.PercentNonExplicit}}%">
@ -102,7 +102,7 @@
<small class="has-text-grey">({{FormatNumberCommas .Demographic.Photo.Explicit}})</small> <small class="has-text-grey">({{FormatNumberCommas .Demographic.Photo.Explicit}})</small>
</div> </div>
<div class="column pt-4"> <div class="column pt-4">
<progress class="progress is-danger has-background-dark" <progress class="progress is-danger"
value="{{.Demographic.Photo.PercentExplicit}}" value="{{.Demographic.Photo.PercentExplicit}}"
max="100" max="100"
title="{{.Demographic.Photo.PercentExplicit}}%"> title="{{.Demographic.Photo.PercentExplicit}}%">
@ -165,7 +165,7 @@
<small class="has-text-grey">({{FormatNumberCommas .Count}})</small> <small class="has-text-grey">({{FormatNumberCommas .Count}})</small>
</div> </div>
<div class="column pt-4"> <div class="column pt-4">
<progress class="progress is-success has-background-dark" <progress class="progress is-success"
value="{{.Percent}}" value="{{.Percent}}"
max="100" max="100"
title="{{.Percent}}%"> title="{{.Percent}}%">
@ -189,7 +189,7 @@
<small class="has-text-grey">({{FormatNumberCommas .Count}})</small> <small class="has-text-grey">({{FormatNumberCommas .Count}})</small>
</div> </div>
<div class="column pt-4"> <div class="column pt-4">
<progress class="progress is-link has-background-dark" <progress class="progress is-link"
value="{{.Percent}}" value="{{.Percent}}"
max="100" max="100"
title="{{.Percent}}%"> title="{{.Percent}}%">
@ -214,7 +214,7 @@
<small class="has-text-grey">({{FormatNumberCommas .Count}})</small> <small class="has-text-grey">({{FormatNumberCommas .Count}})</small>
</div> </div>
<div class="column pt-4"> <div class="column pt-4">
<progress class="progress is-danger has-background-dark" <progress class="progress is-danger"
value="{{.Percent}}" value="{{.Percent}}"
max="100" max="100"
title="{{.Percent}}%"> title="{{.Percent}}%">