v4: init — STATUS.md, prompts/, AGENTS.md, git setup
This commit is contained in:
commit
2d0c7d6156
15 files changed
+13752
No files matched your search
@@ -0,0 +1,18 @@
|
||||
# Консистентность кнопок CTA
|
||||
|
||||
## Правило
|
||||
Все кнопки призыва к действию — зелёные (`btn-green`):
|
||||
- "Начать бесплатно" (навигация + карточка тарифа)
|
||||
- "Узнать, сколько теряете →" (hero)
|
||||
- "Узнать, сколько потеряли →" (CTA-секция)
|
||||
- "Написать в Telegram" (CTA-секция + футер)
|
||||
- "Принять" (cookie-banner)
|
||||
|
||||
## Не трогать
|
||||
- `btn-secondary` — "Посмотреть пример отчёта", "Загрузить звонки", "Отклонить"
|
||||
- Кнопки внутри карточек тарифов "Загрузить звонки" — остаются secondary
|
||||
|
||||
## Классы
|
||||
- `.btn-green` — primary action (зелёная)
|
||||
- `.btn-secondary` — secondary action (контурная)
|
||||
- `.btn-primary` — больше не используется, заменить на `btn-green`
|
||||
@@ -0,0 +1,21 @@
|
||||
# Шаблон: Дашборд сотрудников
|
||||
|
||||
## Структура
|
||||
- На десктопе — табличное представление (`.employee-table-view`)
|
||||
- На мобильном (≤768px) — карточное представление (`.employee-card-view`)
|
||||
- Переключатель табов УБРАН — автоматическое переключение по ширине экрана
|
||||
- `display: none` / `display: flex` управляется через CSS медиа-запросы
|
||||
|
||||
## Колонки таблицы
|
||||
Сотрудник | Звонки | Балл | Скрипт | Конверсия | Ср. время | Тренд
|
||||
|
||||
## Карточка сотрудника
|
||||
- Аватар с инициалами
|
||||
- Круговая диаграмма score-ring
|
||||
- Метрики в 2 колонки (балл, скрипт, конверсия, время)
|
||||
- Блок "Слабое место" с иконкой-треугольником
|
||||
|
||||
## Правила
|
||||
- Новые сотрудники добавляются как строки/карточки с той же структурой
|
||||
- Тренд: зелёный +X.X, красный -X.X
|
||||
- Не менять структуру — только добавлять данные
|
||||
@@ -0,0 +1,16 @@
|
||||
# Адаптация секции под мобильный (≤768px)
|
||||
|
||||
## Конвенции
|
||||
- Брейкпоинт: `@media (max-width: 768px)`
|
||||
- Grid → `grid-template-columns: 1fr` (одна колонка)
|
||||
- Flex → `flex-direction: column` (вертикальный стек)
|
||||
- Padding → уменьшить с 3rem до 1.5rem
|
||||
- Шрифты — не мельче 14px для текста, 18px для заголовков
|
||||
- Кнопки на всю ширину: `width: 100%`
|
||||
- Не трогать `scroll-behavior`, `animation`, GSAP-триггеры
|
||||
|
||||
## Порядок
|
||||
1. Найти секцию в `index-v4.html` по CSS-классу или тексту
|
||||
2. Добавить/обновить правило в `@media (max-width: 768px)`
|
||||
3. Если секция табличная — заменить на карточный вид (`.employee-card-view`)
|
||||
4. Проверить, что нет `overflow-x: hidden` на контенте
|
||||
Reference in new issue
Block a user