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 (
|
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}
|
||||||
|
|||||||
@@ -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={
|
||||||
|
|||||||
Reference in New Issue
Block a user