style: convert self-checkout link to a large prominent button

This commit is contained in:
2026-05-01 16:06:21 -04:00
parent 17b2224490
commit bbea9e51c8
+14 -23
View File
@@ -81,29 +81,20 @@
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="card card-sm">
<div class="card-body">
<div class="row align-items-center">
<div class="col-auto">
<span class="bg-red text-white avatar">
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M17 8l4 4l-4 4"></path>
<path d="M3 12h18"></path>
</svg>
</span>
</div>
<div class="col">
<div class="font-weight-medium">
<a href="https://hackathon.tfmm.co/mywinnings" target="_blank" class="text-reset">Self-Checkout</a>
</div>
<div class="text-secondary">Pay online</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-12">
<a href="https://hackathon.tfmm.co/mywinnings" target="_blank" class="btn btn-red btn-lg w-100 py-3 fs-2">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-credit-card me-2" width="32" height="32" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M3 5m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"></path>
<path d="M3 10l18 0"></path>
<path d="M7 15l.01 0"></path>
<path d="M11 15l2 0"></path>
</svg>
Self-Checkout (Pay Online)
</a>
</div>
</div>
</div>