Унификация UI раздела Партнеры и создание системы документирования
🎨 Унификация UI: - Полная унификация визуала вкладок Рефералы и Мои контрагенты - Исправлены React Hooks ошибки в sidebar.tsx - Убрана лишняя обертка glass-card в partners-dashboard.tsx - Исправлена цветовая схема (purple → yellow) - Табличный формат вместо карточного grid-layout - Компактные блоки статистики (4 метрики в ряд) - Правильная прозрачность glass-morphism эффектов 📚 Документация: - Переименован referral-system-rules.md → partners-rules.md - Детальные UI/UX правила в partners-rules.md - Правила унификации в visual-design-rules.md - Обновлен current-session.md - Создан development-diary.md 🚀 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@ -232,7 +232,36 @@ flex flex-wrap gap-4
|
||||
|
||||
---
|
||||
|
||||
## 🎯 **6. СОСТОЯНИЯ И СТАТУСЫ**
|
||||
## 🔄 **6. УНИФИКАЦИЯ ИНТЕРФЕЙСОВ**
|
||||
|
||||
### 6.1 Раздел "Партнеры" - специальные правила
|
||||
|
||||
> 📋 **Детальные правила**: См. [partners-rules.md](./partners-rules.md#🎨-uiux-правила-раздела-партнеры)
|
||||
|
||||
**КРИТИЧЕСКИ ВАЖНО**: Все вкладки раздела "Партнеры" должны иметь единую структуру:
|
||||
|
||||
#### Обязательные принципы:
|
||||
- **Блоки статистики**: `grid grid-cols-4 gap-3` с отдельными `glass-card`
|
||||
- **ЗАПРЕЩЕНО**: Дополнительные обертки `glass-card` в TabsContent
|
||||
- **Цвета ссылок**: желтая схема (`bg-yellow-500/20`)
|
||||
- **Табличный формат**: вместо карточного grid-layout
|
||||
|
||||
#### Структура блоков статистики:
|
||||
```tsx
|
||||
{/* ПРАВИЛЬНО */}
|
||||
<div className="grid grid-cols-4 gap-3">
|
||||
<Card className="glass-card p-3">...</Card>
|
||||
</div>
|
||||
|
||||
{/* ЗАПРЕЩЕНО */}
|
||||
<Card className="glass-card">
|
||||
<div className="grid...">...</div>
|
||||
</Card>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🎯 **7. СОСТОЯНИЯ И СТАТУСЫ**
|
||||
|
||||
### 6.1 Визуальные индикаторы
|
||||
|
||||
|
Reference in New Issue
Block a user