gru/zbiorki_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zmiany ux

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2025-10-09 21:36:11 +02:00
parent d844d354fa
commit 1e7f1e3990
2 changed files with 36 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
static/css/custom.css
View File

@@ -387,4 +387,37 @@ select.form-select:focus {
border: 0;
border-top: 1px dashed rgba(255, 255, 255, 0.2);
margin: 10px 0;
}
}
/* Specjalny tylko dla .btn-opis */
.btn.btn-outline-light.btn-opis {
border-color: rgba(255,255,255,.6);
color: #eaeaea;
background: transparent;
transition:
transform 120ms ease,
background-color var(--trans),
border-color var(--trans),
color var(--trans),
box-shadow 160ms ease;
}
.btn.btn-outline-light.btn-opis:hover,
.btn.btn-outline-light.btn-opis:focus {
color: #111;
background: color-mix(in srgb, #ffffff 92%, transparent);
border-color: #ffffff;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);
transform: translateY(-1px);
}
.btn.btn-outline-light.btn-opis:active {
transform: translateY(0);
background: color-mix(in srgb, #ffffff 85%, transparent);
border-color: #f2f2f2;
}
.btn.btn-outline-light.btn-opis:focus-visible {
outline: none;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);
}

4
templates/index.html
View File

@@ -83,12 +83,12 @@ zbiórki{% endif %}{% endblock %}
</div>
<div class="mt-auto pt-2">
{# TO POWODUJE ZE BLOK JEST KLIKALNY #}
<!-- <a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="stretched-link"></a> -->
<div class="d-grid">
<a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="btn btn-outline-light btn-sm w-100">
<a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="btn btn-outline-light btn-sm w-100 btn-opis">
Otwórz opis
</a>
</div>