Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SOK-13] main page #5

Merged
merged 6 commits into from
Sep 27, 2024
Merged

[SOK-13] main page #5

merged 6 commits into from
Sep 27, 2024

Conversation

Timur233
Copy link
Owner

### Какую задачу решаем

  • Сверстал главную страницу сайта
  • Сверстал компонент шапки и заголовка страницы
  • Добавил стили для системы гридов и контейнеров
  • Перенес layout'ы в отдельные папки, написал верстку
    и стили для publicLayout
  • Уменьшил размер фонового паттерна (Великоват был)
  • Чуть-чуть поправил базовые стили и добавил переменные
  • Убрал app-layout, перенес его стили на root элемент (многовато layout'ов)

Скриншоты/видяшка (если есть)

Снимок экрана 2024-09-27 в 01 26 12

TBD (если есть)

Боюсь что из-за того что я убрал элемент div.app-layout,
могут возникнуть проблемы со страницей ошибки, если что поправим

Общие доработки:
 - Верстка шапки
 - Компонент заголовка
 - Перенос лайоутов в отдельные папки
 - PublicLayout
 - Добавил систему гридов
 - Доработки базовых стилей
Copy link
Collaborator

@k0ndratov k0ndratov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Выглядит круто!

Анимация дыма на главной странице просто супер!

Грид система тоже выглядит отлична, она как раз мне поможет с ветской лидерборда и форма, благодарю.

Оставил пару комментов, возможно они наведут на новые мысли.

Так же заметил, что проект не отформатирован.
yarn run format возможно забыл. Наша проверка это не отлавила.

Заблочил PR из-за форматирования, все остальные момент дискуссионны.

packages/client/src/app/App.scss Outdated Show resolved Hide resolved
packages/client/src/components/common/Header/Header.scss Outdated Show resolved Hide resolved
packages/client/src/components/common/Header/Header.scss Outdated Show resolved Hide resolved
packages/client/src/components/common/Header/Header.tsx Outdated Show resolved Hide resolved
.main-nav {
display: flex;
gap: $nav_list-gap;
padding: $nav_list-padding-y $nav_list-padding-x;
Copy link
Collaborator

@k0ndratov k0ndratov Sep 27, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

Возможно было бы удобнее, если у каждого &__link был свой padding, а не общий padding, чтобы клацать на пункт меню было проще (так как размер элемента меню будет больше из-за padding`а).

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Не согласен. Такая большая зона для клика, будет вызывать ложные срабатывания.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

А ложные срабатывания на что? Там же вроде нет ничего рядом.

packages/client/src/components/ui/PageTitle/PageTitle.tsx Outdated Show resolved Hide resolved
packages/client/src/pages/Main/Main.tsx Outdated Show resolved Hide resolved
Сам лайоут написал внутри страницы.
@Timur233 Timur233 requested a review from k0ndratov September 27, 2024 06:55
 с подложкой переименовал в СustomPageTitle
 - Добавил tag main в компонент PublicLayout
@Timur233 Timur233 merged commit 7b8959b into develop Sep 27, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants