Рабочий дневник: День 36

Закончил с рефакторингом проекта. Добавил кучку анимаций и переходов. Теперь интерфейс выглядит живым и мне это даже нравится.

Также на скорую руку накидал адаптивный дизайн для мобильных устройств с разрешением от 320px до 800px (где всё сжимается). Теперь можно читать посты с телефона, но над этим еще предстоит поработать…

Впервые использовал <Teleport> из Vue 3. Этот инструмент нужен, чтобы быстро переместить компонент в любой узел DOM-дерева. В моем случае мне нужен был фон на общий фон приложения, когда в мобильной версии показываем панель с фильтрами.

Проблема заключалась в том, что Transition почему-то не хотел работать с двумя анимациями. Первая должна была выезжать снизу (модалка), а вторая — плавно изменять прозрачность фона. Но работало только что-то одно. После того как я сделал <Teleport to="body">, все заработало корректно.

Короче к демо готов 😃

📊 #статистика День 999 == 1758 час в IT