Только layout/spacing/touch-targets, без изменения цветовой палитры
и типографики.
editor.html
- Шапка теста: «Название» — отдельной строкой, large input; «Описание»
ниже; «Проходной балл» — компактная пара label+input справа,
inputmode="numeric".
- AI-панель разбита на 3 группы с подзаголовками: «Создать вопросы»
(По названию / По текущей сетке), «Улучшить существующее»
(Проверить / Улучшить), «Импортировать» (загрузка файла).
- Все основные кнопки — min-h-11, на мобиле во всю ширину/в гриде по 2.
- Карточка вопроса: бейдж-номер, кнопки up/down/delete по 40×40,
textarea и опции — на всю ширину с min-w-0 чтобы не было overflow.
- Опции: чекбокс «Правильный» в 40×40 tap-target, input занимает flex,
кнопка удаления 40×40.
- Footer переведён на fixed bottom с safe-area-inset-bottom; контент
получает pb-24, чтобы не уезжал под футер.
- Модалка AI-результата теперь fullscreen на мобиле, sm:rounded-2xl
на десктопе; шапка/тело/кнопки — отдельными зонами.
list.html
- Заголовок и кнопка «Создать тест» вертикально на мобиле,
кнопка во всю ширину min-h-11.
- Карточка теста — целиком кликабельная (`<a>` обёртка), grid-cols-1
по умолчанию, sm:2, lg:3.
- Модалка создания — fullscreen на мобиле с крестиком в шапке,
safe-area-inset-bottom в футере.
base.html
- Ссылки «Тесты» и «Настройки» теперь видны и на мобиле как иконки
(40×40 tap-target), подписи появляются с sm: брейкпоинта.
- Имя/роль пользователя — только с md+ (узкий мобильный экран).
Made-with: Cursor
Константин Лебединский