Компоненты · Каркас

СтраницаPage

Колонка экрана: шапка, прокрутка и запас под док

npx shadcn@latest add @umbra/page

Основная колонка экрана: плитка, внутри которой прокручивается содержимое. Шапка липкая; пока страница наверху, она плоская, при прокрутке становится стеклом (.glass), нижний край растворяется полосой --edge-fade (28 px), линии нет. Полоса прокрутки 4 px видна только при движении и скрывается через 0,7 с после остановки

Когда брать

  • Экран раздела: «Встречи», «Настройки», лента кейсов
  • dock: на экране есть Dock и контент доходит до него

Когда не брать

  • Экран-шаг (онбординг, обработка): плитка до 600 px по центру окна, без прокрутки, помещается в 1100 × 700
  • Блок внутри экрана: Tile
  • Диалог и меню: стекло поверх (Glass)

Встречи

7 записей за неделю

Планёрка командыВТ, 10:00 · 32 мин
Интервью с дизайнеромПН, 16:30 · 48 мин
Созвон с подрядчикомПТ, 12:00 · 21 мин
Разбор макетовЧТ, 11:00 · 54 мин
Ретро спринтаСР, 17:00 · 40 мин
Встреча с юристомСР, 12:30 · 25 мин
Обзор метрикВТ, 15:00 · 36 мин

Можно

  • Одна страница на экран, рядом Sidebar
  • Действия шапки только круглыми кнопками 56 и SearchToggle

Нельзя

  • Линия или тень под шапкой: край растворяется сам
  • Вторая прокрутка внутри страницы
  • Запас под док, если контент до него не доходит