Нужно отредактировать существующий HTML в проекте
Есть проект, сделанный на React. Нужно скачать этот шаблон в HTML со стилями, и обновить его. Без меню можно посмотреть страницу тут:
Подобную манипуляцию мы уже делали. Могу скинуть результаты, но они неактуальны, был сделан ряд правок.
Есть полный доступ ко всем исходникам на React, CSS и пр. Если нужно – дам доступ.
Новый дизайн выглядит так:
Сделан в фигме.
Зеленая рамка – список рейсов. Его нужно сохранить, он работает как надо, и уже соответствует новому дизайну. По ним нужно сделать 2 задачи:
1. Поправить CSS, что бы блок был полностью адаптивный. Сейчас есть некоторые косяки.
2. Добавить индикатор:
Синяя рамка – пагинация. Тут допускается только смена стилей, оставив вёрстку как есть.
Всё остальное вокруг меняется в соответствии с новым дизайном:
Пояснения по логике работы:
1. В нового дизайна есть светлая и тёмная тема. Вот тёмный вариант:
2. Тут
находится переключатель светлый/тёмный.
3. Этот переключатель работает как Radio Button. Изменение состояния должно быть сделано через добавление класса или атрибута.
4. Аналогичные требования к переключателю Грузовладелец/Перевозчик
5.
- тут находится выпадающий список. Раскрывается он следующим образом:
6. Сделать шаблон списка рейсов с такими дополнительными параметрами:
7. Правки в CSS нужно делать с учётом, что есть много модальных окон. Нужно, что бы они не пострадали. Исполнителю предоставлю логин-пароль, покажу, как смотреть эти окна.
Вёрстка должна быть адаптивной для всех экранов.
Если вы можете не только верстать, но и владеете Реактом, и можете сразу натянуть на него, обязательно сообщите об этом.
Жду от вас сроки и стоимость.