apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactoring allStyles styleStyle -> style-style

Browse Source
This commit is contained in:
Никита Губарь
2024-02-09 18:17:15 +03:00
parent 81d2ee4098
commit af07631abe
93 changed files with 751 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/TrackerIntro/TrackerIntro.js
View File

@ -15,64 +15,64 @@ import "./trackerIntro.scss";
export const TrackerIntro = () => {
return (
<div className="trackerIntro">
<div className="tracker-intro">
<AuthHeader />
<SideBar />
<div className="trackerIntro__content">
<div className="tracker-intro__content">
<div className="container">
<div className="trackerIntro__intro">
<div className="trackerIntro__intro__info">
<div className="trackerIntro__intro__suptitle">
<div className="tracker-intro__intro">
<div className="tracker-intro__intro__info">
<div className="tracker-intro__intro__suptitle">
<img src={introInfo} alt="img" />
<span>Подключись и пользуйся бесплатно!</span>
</div>
<h1 className="trackerIntro__intro__title">
<h1 className="tracker-intro__intro__title">
Сервис для планирования и работы
<span> для Вашей команды</span>
<img src={arrowInfo} alt="img" />
</h1>
<p className="trackerIntro__intro__subtitle">
<p className="tracker-intro__intro__subtitle">
Российский сервис для совместной работы команд. Все процессы
компании в одном месте: проекты, задачи, цели, сотрудники,
документы, переписки, отчеты
</p>
<NavLink to="/tracker-auth" className="trackerIntro__btn">
<NavLink to="/tracker-auth" className="tracker-intro__btn">
Начать работу
</NavLink>
</div>
<img
className="trackerIntro__intro__img"
className="tracker-intro__intro__img"
src={introImg}
alt="img"
/>
</div>
</div>
<div className="trackerIntro__board">
<div className="trackerIntro__boardImg">
<div className="tracker-intro__board">
<div className="tracker-intro__board-img">
<img className="board" src={trackerBoard} alt="board" />
<img className="heard" src={trackerHeard} alt="heard" />
</div>
<div className="trackerIntro__board__info">
<div className="tracker-intro__board__info">
<p>
Управление большим количеством проектов и гибкая настройка
структуры под любые процессы
</p>
<NavLink to="/tracker-registration" className="trackerIntro__btn">
<NavLink to="/tracker-registration" className="tracker-intro__btn">
Начать работу
</NavLink>
</div>
</div>
<div className="container">
<div className="trackerIntro__info">
<h2 className="trackerIntro__info__title">
<div className="tracker-intro__info">
<h2 className="tracker-intro__info__title">
Используйте сервис, который позаботится о персональных данных
вашей компании и<br />
<span> не уйдет с рынка.</span>
<img src={arrowInfo} alt="img" />
</h2>
<div className="trackerIntro__info__items">
<div className="trackerIntro__info__item">
<div className="trackerIntro__info__itemHead">
<div className="tracker-intro__info__items">
<div className="tracker-intro__info__item">
<div className="tracker-intro__info__item-head">
<span>+</span>
<h3>
Настраиваемые
@ -85,8 +85,8 @@ export const TrackerIntro = () => {
работу вашей команды.
</p>
</div>
<div className="trackerIntro__info__item">
<div className="trackerIntro__info__itemHead">
<div className="tracker-intro__info__item">
<div className="tracker-intro__info__item-head">
<span>+</span>
<h3>
Учет

18
src/pages/TrackerIntro/trackerIntro.scss
View File

@ -1,4 +1,4 @@
.trackerIntro {
.tracker-intro {
&__content {
font-family: "LabGrotesque", sans-serif;
background-color: #f1f1f1;
@ -14,7 +14,7 @@
}
&__intro {
display: flex;
display: flex;
justify-content: space-between;
align-items: end;
padding: 50px 0 75px;
@ -73,7 +73,7 @@
margin-bottom: 75px;
span {
color: #52B709;
color: #52b709;
}
img {
@ -137,7 +137,7 @@
}
&__btn {
background: #52B709;
background: #52b709;
border-radius: 44px;
padding: 9px 48px;
color: white;
@ -160,7 +160,7 @@
align-items: end;
margin: 0 auto 115px;
&Img {
&-img {
position: relative;
margin-bottom: 34px;
}
@ -242,7 +242,7 @@
margin-bottom: 100px;
span {
color: #52B709;
color: #52b709;
}
img {
@ -281,20 +281,20 @@
max-width: none;
}
&Head {
&-head {
display: flex;
align-items: center;
margin-bottom: 45px;
span {
background: #52B709;
background: #52b709;
border-radius: 44px;
display: flex;
align-items: center;
justify-content: center;
width: 71px;
height: 71px;
color: #FFFFFF;
color: #ffffff;
font-size: 30px;
@media (max-width: 650px) {