Задача

Необходимо выполнить рефакторинг интерфейса Chrome расширения (фронтенда) в соответствии с новым макетом в Figma. Текущая версия отличается от требований современного дизайн-макета, поэтому требуется переписать готовый фронт.

Исходные данные

  • Проект: Существующее браузерное расширение
  • Бэкенд: Полностью готов и функционирует
  • Текущий фронт: Существует, но требует переработки для достижения нового вида
  • Обновленный дизайн: Прилагается ссылка на макет Figma (макет используем для верстки, названия компаний и контакты в исполнении отсутствуют)

Требования

  • Перенести новый дизайн из Figma, соблюдая все иерархию блоков, отступы и элементы управления
  • Использовать современный код для плавной работы расширения с серверной частью
  • Все доработки производить для браузерной среды Chrome с учетом формата manifest V3