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 ( return (
<div className="space-y-4"> <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 <StatCard
label={t('admin.salesStats.addons.totalPurchases')} label={t('admin.salesStats.addons.totalPurchases')}
value={data.total_purchases} value={data.total_purchases}

View File

@@ -150,7 +150,7 @@ export default function AdminSalesStats() {
{t('admin.salesStats.loadError')} {t('admin.salesStats.loadError')}
</div> </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 <StatCard
label={t('admin.salesStats.summary.revenue')} label={t('admin.salesStats.summary.revenue')}
value={ value={