style(home): unify quick action buttons size and center content

This commit is contained in:
kdeterme 2026-10-07 16:08:05 +02:00
parent dd12e2fde1
commit bb8d6f98c0

View file

@ -217,9 +217,11 @@
.quick-action-btn { .quick-action-btn {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center;
gap: 10px; gap: 10px;
padding: 9px 18px; padding: 9px 18px;
min-height: 48px; min-height: 48px;
min-width: 270px;
background: #ffffff; background: #ffffff;
border: 1px solid rgba(226, 232, 240, 0.95); border: 1px solid rgba(226, 232, 240, 0.95);
border-radius: 12px; border-radius: 12px;
@ -230,6 +232,7 @@
font-weight: 600; font-weight: 600;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer; cursor: pointer;
white-space: nowrap;
} }
.quick-action-btn:hover { .quick-action-btn:hover {
@ -254,6 +257,7 @@
transition: transform 0.2s ease, background 0.2s ease; transition: transform 0.2s ease, background 0.2s ease;
background: rgba(37, 99, 235, 0.1) !important; background: rgba(37, 99, 235, 0.1) !important;
color: #2563eb !important; color: #2563eb !important;
flex-shrink: 0;
} }
.quick-action-btn:hover .quick-action-icon { .quick-action-btn:hover .quick-action-icon {
@ -262,6 +266,13 @@
color: #1d4ed8 !important; color: #1d4ed8 !important;
} }
@media (max-width: 576px) {
.quick-action-btn {
min-width: 100%;
width: 100%;
}
}
/* ========================================================================== /* ==========================================================================
Widget Patrimoine du Territoire (Cartes Thématiques & KPIs) Widget Patrimoine du Territoire (Cartes Thématiques & KPIs)
========================================================================== */ ========================================================================== */