Fix list and header overflow on mobile and tablet widths

2026-09-06 09:54:48 +03:00
parent af250c0980
commit 3550f1a9bc
6 changed files with 62 additions and 12 deletions
@@ -77,7 +77,7 @@ export const SummaryCards = () => {
              setQuickFilter(card.id);
              setActiveTab('list');
            }}
-            className={`bg-white rounded-xl p-4 border transition-all cursor-pointer select-none shadow-xs flex items-center justify-between group hover:shadow-md ${
+            className={`bg-white rounded-xl p-4 border transition-all cursor-pointer select-none shadow-xs flex flex-wrap gap-2 items-center justify-between group hover:shadow-md ${
              isSelected
                ? 'border-blue-600 ring-2 ring-blue-500/20 bg-blue-50/20'
                : 'border-slate-200 hover:border-slate-300'