Перейти к содержимому
Разделы
Язык, сейчас Русский
Дизайн-система Rastrillo

Оболочки

Сам каркас страницы. rastrillo new пишет один такой как templates/layout.html; страница заполняет его дыру под содержимое и переопределяет те блоки обрамления, которые ей нужны. Каждая демонстрация ниже представляет собой целую страницу по собственному URL: откройте одну и посмотрите на полной ширине, где панели sidebar и подвалу topbar действительно хватает места.

column

Простая страница по центру, с которой начинается каждое сгенерированное приложение: ссылка-пропуск, заголовок и колонка содержимого.

Предпросмотр

Открыть оболочку column (откроется в новой вкладке)

topbar

Логотип, навигация и меню аккаунта по верхнему краю, а под страницей — подвал.

Предпросмотр

Открыть оболочку topbar (откроется в новой вкладке)

sidebar

Навигационная рейка сбоку от страницы. На телефоне рейка становится страницей-оглавлением, а на каждой другой странице есть кнопка «назад». JavaScript не нужен.

Предпросмотр

Открыть оболочку sidebar (откроется в новой вкладке)

console

Полоса сверху и навигационная рейка сбоку одновременно: такую форму имеет большинство административных консолей. На телефоне меню полосы открывается карточкой, а рейка становится страницей-оглавлением. JavaScript не нужен.

Предпросмотр

Открыть оболочку console (откроется в новой вкладке)

stage

Одна карточка посреди фона во всю страницу — для экрана, который стоит особняком. Она нужна для экрана входа.

Предпросмотр

Открыть оболочку stage (откроется в новой вкладке)