HIGH: - chat: действия над сообщением доступны на мобильном (меню ⋯) - iOS-зум: базовые input/textarea text-base, auth-экраны 16px - контент не перекрыт нижней навигацией на iPhone (safe-area) - контрасты: billing-оверлей, бот-кнопка, заголовки задач (text-primary) - клавиатура: входящие на Главной, aria-label нижней навигации, триггер чата button - confirm() → AlertDialog (сайдбар, чат, настройки) - счётчики непрочитанных 7-8px → 10px MEDIUM: - офлайн-баннеры и бейджи на токенах warning/success/info/destructive - transition-all → точечные свойства в примитивах ui - шрифты: Inter без дублей (24 семейства → 2), letter-spacing с body убран - prefers-reduced-motion kill-switch - autocomplete + aria на auth/профиле, ошибки пароля у поля - SPA: document.title + фокус на main при навигации, тост с action без таймера - FormEditor: превью на Dialog, табы скроллятся на мобильном, без инлайн-стилей - empty states с запросом и «Сбросить фильтры», UX-тексты
29 lines
1.8 KiB
HTML
29 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="theme-color" content="#09090b" />
|
||
<meta name="description" content="Корпоративная платформа iistwin" />
|
||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
<meta name="mobile-web-app-capable" content="yes" />
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
||
<meta name="apple-mobile-web-app-title" content="iistwin" />
|
||
<link rel="manifest" href="/manifest.json" />
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||
<link rel="apple-touch-icon" href="/icons/icon-192x192.svg" />
|
||
<title>iistwin</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<!-- Загружаем только шрифты, реально используемые встроенными скинами:
|
||
Inter (variable) — sans во всех скинах (iistwin, twenty, omegaprom);
|
||
DM Mono 400/500 — mono в скине twenty (остальные скины используют системные mono).
|
||
TODO: если кастомные скины организаций будут задавать другие font-family,
|
||
их стоит подгружать по требованию отдельно, а не одним общим линком. -->
|
||
<link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<div id="root"></div>
|
||
<script type="module" src="/src/main.tsx"></script>
|
||
</body>
|
||
</html> |