mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 09:33:46 +00:00
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:
@@ -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}
|
||||
|
||||
@@ -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={
|
||||
|
||||
Reference in New Issue
Block a user