Навигация

[teplostanski]

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

Требования:

• Расположение: Панель должна располагаться в правой верхней части вьюпорта.
• Скрытие/разворачивание:
  • Панель скрыта по умолчанию.
  • В правой верхней части вьюпорта должна быть кнопка, представляющая собой шилд (shield) ниже хэдера с иконкой стрелочки, развернутой вправо (или словом "меню" или навигация").
  • При нажатии на кнопку, иконка стрелки разворачивается вправо, и панель навигации плавно разворачивается влево.
  • После завершения разворачивания, панель должна занимать всю высоту экрана (100dvh).
  • При повторном нажатии на кнопку, панель должна плавно сдвигаться обратно вправо, а иконка стрелки должна развернуться влево.
• Дизайн:
  • Пункты навигации должны располагаться вертикально, как бы развернутые на 90 градусов.
  • На больших экранах при разворачивании панели, пункты должны оставаться в горизонтальном положении.

Дополнительные требования:

• Анимация: Разворачивание и сворачивание панели должно происходить плавно с помощью анимации.
• Пользовательский интерфейс: Кнопка шилд (shield) с иконкой стрелки должна быть интуитивно понятной для пользователя.