UI: Devfund-donation-box Web Assets v2 upgrade #1

Merged
Márton Lente merged 26 commits from ui/web-assets-v2-upgrade into main 2024-11-04 12:49:39 +01:00
5 changed files with 19 additions and 14 deletions
Showing only changes of commit 59b3ec1994 - Show all commits

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -130,14 +130,14 @@
<span class="js-value-symbol"></span> <span class="js-value-amount" data-value-group="one-time">500</span>
</button>
</div>
<div class="row">
<div class="col-4 d-flex position-relative">
<div class="donate-row">
<div class="d-flex position-relative">
<div class="align-items-center d-flex h-100 position-absolute ps-5 start-0 top-0 z-2">
<span class="fs-4 js-value-symbol text-color-primary"></span>
</div>
<input class="form-control fs-4 input-one-time-donate js-input-one-time-donate text-center" min="5" max="999999" type="number">
</div>
<div class="col-8">
<div>
<a class="btn btn-lg btn-primary js-btn-one-time-donate w-100" href="#">
<span class="me-1">Donate</span><i class="i-heart-filled"></i>
</a>

View File

@ -75,14 +75,14 @@
</button>
</div>
<h2 class="mb-5">Donate, just <strong>once</strong></h2>
<div class="pb-4 row">
<div class="col-4 d-flex position-relative">
<div class="donate-row pb-4">
<div class="d-flex position-relative">
<div class="align-items-center d-flex h-100 position-absolute ps-5 start-0 top-0 z-2">
<span class="fs-4 js-value-symbol text-color-primary"></span>
</div>
<input class="form-control fs-4 input-one-time-donate js-input-one-time-donate text-center" min="5" max="999999" type="number">
</div>
<div class="col-8">
<div>
<a class="btn btn-primary btn-lg js-btn-one-time-donate w-100" href="#">
<span class="me-1">Donate</span><i class="i-heart-filled"></i>
</a>

View File

@ -254,6 +254,11 @@ input
.container
max-width: var(--container-width)
.donate-row
display: grid
gap: calc(var(--spacer) * 2)
grid-template-columns: 1fr 2fr
.form-control
height: auto