zmiany w ux

This commit is contained in:
Mateusz Gruszczyński
2025-09-24 12:20:33 +02:00
parent 4515a1b391
commit f4ebcdb5b1
3 changed files with 14 additions and 7 deletions

View File

@@ -34,13 +34,13 @@ zbiórki{% endif %}{% endblock %}
<div class="d-flex align-items-start justify-content-between gap-2 mb-2">
<h5 class="card-title mb-0">{{ z.nazwa }}</h5>
{# Spójny badge zrealizowania: w zakładce „Zrealizowane” lub gdy >=100% #}
{% if is_completed_view or progress_clamped >= 100 %}
<span class="badge rounded-pill" style="background: var(--accent); color:#111;">Zrealizowana</span>
{% endif %}
</div>
<hr class="hr-bw">
<div class="mb-2 d-flex flex-wrap gap-2">
<div class="mb-2 d-flex flex-wrap gap-2 justify-content-center">
{% if not z.ukryj_kwote %}
{% if z.cel > 0 %}
<span class="badge bg-dark border" style="border-color: var(--border);">
@@ -76,9 +76,9 @@ zbiórki{% endif %}{% endblock %}
</div>
{% if not z.ukryj_kwote %}
<small class="text-muted">{{ progress_clamped|round(1) }}%</small>
<small class="text-muted d-block text-center">{{ progress_clamped|round(1) }}%</small>
{% else %}
<small class="text-muted">Postęp ukryty</small>
<small class="text-muted d-block text-center">Postęp ukryty</small>
{% endif %}
</div>

View File

@@ -33,6 +33,7 @@
<div class="card shadow-sm mb-4">
<div class="card-body">
<h5 class="mb-2">Opis</h5>
<hr class="hr-bw">
<div class="mb-0">
{{ zbiorka.opis | markdown }}
</div>
@@ -48,7 +49,7 @@
<div class="card shadow-sm mb-4">
<div class="card-body">
<h5 class="mb-2">Lista zakupów</h5>
<hr class="hr-bw">
{% set posortowane = items|sort(attribute='kupione') %}
<ul class="list-group list-group-flush">
{% for it in posortowane %}
@@ -100,6 +101,7 @@
<div class="card-body">
<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2">
<h5 class="mb-0">Postęp</h5>
<div class="d-flex flex-wrap align-items-center gap-2">
{% if has_cel and not zbiorka.ukryj_kwote %}
<span class="badge bg-dark border" style="border-color: var(--border);">
@@ -116,7 +118,7 @@
{% endif %}
</div>
</div>
<hr class="hr-bw">
<!-- Pasek: Finanse (zawsze) -->
<div class="mb-3">
<small class="text-muted">Finanse</small>
@@ -254,7 +256,6 @@
</div>
</div>
<!-- Aktywność -->
<div class="card shadow-sm mt-4">
<div class="card-header bg-transparent d-flex align-items-center justify-content-between">