Унификация 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:
Veronika Smirnova
2025-08-11 15:38:23 +03:00
parent 8f7ec70fe6
commit 6b425d075f
27 changed files with 4825 additions and 463 deletions

View File

@ -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 Визуальные индикаторы