Сделан адаптив под мобильные устройства, закончена вёрстка #38
Conversation
cмена формата файла
feature: адаптив хедера
Исправлен баг с переходом на страницу, добавлен сырой адаптив для страницы с товаром
добавлен адаптив
удалены ненужные форматы, добавлены новые, отвечающие требованиям адаптивности
fix секции товаров
32 адаптивность акционных товаров
…шние div'ы в page.js
There was a problem hiding this comment.
Проверьте, пожалуйста, что все замечания после прошлого ревью исправлены. Вижу, что часть просто ответили как resolve, но ничего не сделано.
До конца PR не стала проверять, чтобы не повторяться.
Исправьте все прошлый замечания и текущие, после можно отправлять на повторное ревью.
| @@ -0,0 +1,12 @@ | |||
| @import './styles/vars.scss'; | |||
There was a problem hiding this comment.
| @import './styles/vars.scss'; | |
| @import './styles/vars'; |
Можно не указывать разрешение.
There was a problem hiding this comment.
Не стоит отмечать выполненными замечания, которые не были выполнены. Отнеситесь, пожалуйста, с уважением ко времени, которое мы тратим на ревью вашей работы.
| </h2> | ||
| <Button | ||
| onClick={handleButtonClick} | ||
| text="В КАТАЛОГ" |
There was a problem hiding this comment.
Не было исправлено.
замена на константы, изменения для кратности 2
удалил промо-карусел, т.к уже не используется. Добавил пробелы
Исправления в develop после повторного ревью
| import ProductCategories from "@shared/product-categories/product-categories"; | ||
| import BestProducts from "@shared/best-products/best-products"; | ||
| import Geolocation from "@shared/geolocation/geolocation"; | ||
| import "./page.scss"; |
There was a problem hiding this comment.
Если используются @, то нужно использовать их для всех импортов, даже если файл совсем рядом лежит.
| <div className="container"> | ||
| <div className="content"> | ||
|
|
||
| <div className="body"> |
There was a problem hiding this comment.
Для чего используются аж три обертки? Возможно, можно избавиться от каких-то.
| @@ -0,0 +1,12 @@ | |||
| @import './styles/vars.scss'; | |||
There was a problem hiding this comment.
Не стоит отмечать выполненными замечания, которые не были выполнены. Отнеситесь, пожалуйста, с уважением ко времени, которое мы тратим на ревью вашей работы.
| </h2> | ||
| <Button | ||
| onClick={handleButtonClick} | ||
| text="В КАТАЛОГ" |
There was a problem hiding this comment.
Не было исправлено.
| line-height: 150%; | ||
| text-transform: uppercase; |
There was a problem hiding this comment.
В медиа нужно указывать только те стили, которые изменяются при изменении разрешения.
| $black-color: #111111; | ||
| $gray-color: #3F4E65; | ||
| $yellow-color: #FFC85E; | ||
| $orange-color: #F3A50D; | ||
| $white-color: #FFFFFF; | ||
| $green-color: #4caf50; | ||
| $light-green-color: #1FD85D; | ||
| $blue-color: #007bff; | ||
| $light-gray: rgba(63, 78, 101, 0.1); | ||
| $footer-bg-color: #3b4b61; | ||
| $highlight-color: #fbc44b; | ||
| $button-bg-color: #ffc85e; | ||
| $light-control-button-color: rgba(255, 200, 94, 0.3); | ||
| $button-hover-bg-color: #f3a50d; | ||
| $button-active-bg-color: #ffa500; | ||
| $input-placeholder-color: rgba(237, 237, 237, 1); |
There was a problem hiding this comment.
В значениях переменных лучше использовать либо верхний, либо нижний регистр.
| return ( | ||
| <div className={`accordion-block collapsible ${className}`}> | ||
| {isAlwaysExpanded | ||
| ? (<span></span>) |
There was a problem hiding this comment.
А для чего этот span?
| ); | ||
| }; | ||
|
|
||
| export default Search; |
There was a problem hiding this comment.
Пустая строка в конце каждого файла,
| @@ -0,0 +1,12 @@ | |||
| import React from "react"; | |||
|
|
|||
| const getPriceList = () => { | |||
There was a problem hiding this comment.
Это должна быть функция JS, которая лежит в sultan/core/utils.
| ); | ||
|
|
||
| return ( | ||
| <div className="product-page"> |
| import Accordion from "@ui/accordion/accordion"; | ||
| import "./page.scss"; | ||
|
|
||
| const ProductPage = ({ params }) => { |
There was a problem hiding this comment.
Нужно разделять компоненты и страницы в проекте. Заходя в app не понятно, где что.
No description provided.