Компоненты

Карточки

Карточка, показатель, карточки фирмы и тура.

Карточка показателя

Вверху главной и отчётов: подпись, крупное число, изменение. На телефоне 2 колонки, на планшете 2, на web 4.

Выручка за сегодня
18 450 $+12% ко вчера
Новые лиды
37+5 ко вчера
Продажи (месяц)
124−3% к прошлому месяцу
Места на рейсе
212 / 240заполнено 88%

Простая карточка и карточка с заголовком

ui-card — граница и радиус. Внутри строка заголовка (название + действие) и содержимое.

Задачи на сегодня
  • Позвонить Азизу Каримову — 10:00
  • Проверить копии паспортов
  • Оплата отеля — Мекка
Заметка

Отступ внутри карточки 20 px (p-5), на телефоне 16 px (p-4). Между карточками 12–16 px.

Карточка профиля

Правило dashboard: слева карточка, в центре сетка данных, справа колонка. На телефоне всё друг под другом; телефон под маской.

SKSardor KarimovАктивнаСтарший менеджер · Главный офис
Телефон+998 90 *** ** 67
Почтаsardor@safar.uz
ФилиалГлавный офис
РольСтарший менеджер
Принят на работу12.03.2024
Последний входСегодня, 09:42
В этом месяце34 продажиПлан: 30 — выполнен

Карточка с вкладками

Два-три списка в одной карточке — вкладками: у каждой число, последние 5 строк и внизу «Подробнее →» (к полной таблице на странице). Так устроены устройства и сессии в профиле dashboard.

  • MacBook · ChromeСегодня, 09:42
  • iPhone · SafariВчера, 21:10
  • iPad · Safari23.10.2026

Правила

  • Вкладки в стиле korinish, переключаются ← → (WAI-ARIA tabs).
  • «Подробнее →» внизу карточки открывает раздел с полной таблицей.

Плитки настроек

Настройки вроде способов входа — плитками: иконка, название, статус (цветная иконка и название) и стрелка. По нажатию открывается своё окно.

Карточка фирмы (список в виде карточек)

В режиме «Список / Карточки» — название фирмы, статус, главные числа и действия.

S
Safar TravelАктивна
124продаж
18сотрудников
C
Centrum HolidaysПробная
41продаж
7сотрудников
N
Nur ZiyoratЗаблокирована
0продаж
3сотрудников

Карточка агентства (маркет)

Каждое активное агентство на маркете: если в dashboard оно «Активно», вся карточка нажимается и ведёт на сайт агентства.

Правила

  • В списке только активные фирмы; бледных или ненажимаемых карточек нет.
  • Значок «Проверено» — только если указан номер лицензии; иначе значка нет.
  • Нет телефона — строка телефона не показывается.

Карточка тура (сайт)

На маркете и сайте агентства: фото, название, даты, отель, цена и «Забронировать». На телефоне 1, на планшете 2, на web 3 колонки.

осталось мест: 7
Умра Стандарт03.11 — 17.11.2026Hilton Makka · 300 m
от1 690 $
осталось мест: 2
Умра в Рамадан01.03 — 21.03.2027Swissotel · 150 m
от2 900 $
осталось мест: 14
Умра Эконом10.12 — 22.12.2026Elaf Ajyad · 650 m
от1 250 $