Добавлен новый компонент SuppliesNavigationDemo и соответствующая вкладка в UIKitSection. Обновлены стили и структура кода для улучшения взаимодействия с пользователем. Изменены отступы в компонентах SuppliesDashboard и других вкладках для улучшения визуального восприятия.

This commit is contained in:
Veronika Smirnova
2025-07-24 11:52:58 +03:00
parent a53f8b404b
commit 1e1da83acc
10 changed files with 242 additions and 106 deletions

View File

@ -408,23 +408,14 @@ export function FulfillmentGoodsTab() {
return (
<React.Fragment key={supply.id}>
{/* Основная строка поставки */}
<tr className="border-b border-white/10 hover:bg-white/5 transition-colors bg-purple-500/10">
<tr
className="border-b border-white/10 hover:bg-white/5 transition-colors bg-purple-500/10 cursor-pointer"
onClick={() => toggleSupplyExpansion(supply.id)}
>
<td className="p-4">
<div className="flex items-center space-x-2">
<Button
variant="ghost"
size="sm"
onClick={() => toggleSupplyExpansion(supply.id)}
className="h-6 w-6 p-0 text-white/60 hover:text-white hover:bg-white/10"
>
{isSupplyExpanded ? (
<ChevronDown className="h-4 w-4" />
) : (
<ChevronRight className="h-4 w-4" />
)}
</Button>
<span className="text-white font-bold text-lg">
#{supply.number}
<span className="text-white font-normal text-lg">
{supply.number}
</span>
</div>
</td>