fix(sales-stats): адаптив сетки Допов и сводки

Допы (5 карточек) рисовали 4+1: orphan-fill из двух arbitrary-вариантов
конфликтовал по специфичности — правило :last-child:nth-child(odd) бьёт
ресет :last-child, поэтому 5-я карточка тянулась на 2 колонки и на
десктопе. Заменил на один mobile-вариант max-lg:, как в AdminRemnawave:
десктоп — 5 в ряд, планшет/мобайл — 2 колонки + последняя на всю ширину.
Сводку тоже перевёл на lg:grid-cols-5 (было sm) — на планшете 5 колонок
давали ~115px и резали суммы; теперь до десктопа 2 колонки.
This commit is contained in:
c0mrade
2026-06-02 17:15:18 +03:00
parent bd12113294
commit 56d8e1ffa7
2 changed files with 2 additions and 2 deletions

View File

@@ -67,7 +67,7 @@ export function AddonsTab({ params }: AddonsTabProps) {
return (
<div className="space-y-4">
<div className="grid grid-cols-2 gap-3 sm:grid-cols-5 [&>*:last-child:nth-child(odd)]:col-span-2 sm:[&>*:last-child]:col-span-1">
<div className="grid grid-cols-2 gap-3 lg:grid-cols-5 max-lg:[&>*:last-child:nth-child(odd)]:col-span-2">
<StatCard
label={t('admin.salesStats.addons.totalPurchases')}
value={data.total_purchases}

View File

@@ -150,7 +150,7 @@ export default function AdminSalesStats() {
{t('admin.salesStats.loadError')}
</div>
)}
<div className="grid grid-cols-2 gap-3 sm:grid-cols-5">
<div className="grid grid-cols-2 gap-3 lg:grid-cols-5">
<StatCard
label={t('admin.salesStats.summary.revenue')}
value={