style fix

This commit is contained in:
Victor Batischev
2024-01-31 16:25:06 +03:00
parent 8462d38862
commit 73c9101be2
13 changed files with 42 additions and 40 deletions

View File

@ -41,7 +41,7 @@ export const Article = () => {
<AuthHeader />
<SideBar />
<div className="container">
<div className="article-blog__breadCrumbs">
<div className="article-blog__breadcrumbs">
<ProfileBreadcrumbs
links={[
{ name: "Главная", link: "/auth" },

View File

@ -1,7 +1,7 @@
.article-blog {
background: #f1f1f1;
&__breadCrumbs {
&__breadcrumbs {
margin-top: 30px;
@media (max-width: 1375px) {
@ -38,7 +38,7 @@
span {
font-weight: 400;
font-size: 12px;
font-size: 18px;
line-height: 20px;
color: #6f6f6f;
margin-left: 19px;
@ -117,7 +117,8 @@
}
img {
margin: 0 16px 0 0;
width: 15px;
margin-right: 5px;
}
}

View File

@ -56,7 +56,7 @@ export const Blog = () => {
<SideBar />
<div className="container">
<div className="blog__breadCrumbs">
<div className="blog__breadcrumbs">
<ProfileBreadcrumbs
links={[
{ name: "Главная", link: "/auth" },

View File

@ -1,7 +1,7 @@
.blog {
background: #f1f1f1;
&__breadCrumbs {
&__breadcrumbs {
margin-top: 30px;
@media (max-width: 1375px) {

View File

@ -10,12 +10,12 @@
}
&__container {
flex: 1 1 auto;
margin-top: 30px;
margin: 30px 0;
}
&__about {
display: flex;
align-items: center;
margin: 0 0 70px 0;
margin-bottom: 30px;
@media (max-width: 600px) {
flex-wrap: wrap;
row-gap: 25px;

View File

@ -15,12 +15,12 @@ import "./trackerAuth.scss";
export const TrackerAuth = () => {
const [modalResetOpen, setModalReset] = useState(false);
return (
<div className="trackerAuth">
<div className="tracker-auth">
<AuthHeader />
<SideBar />
<div className="trackerAuth__content">
<div className="tracker-auth__content">
<div className="container">
<h1 className="trackerAuth__title">
<h1 className="tracker-auth__title">
Войдите в свое{" "}
<span>
рабочее пространство

View File

@ -1,4 +1,4 @@
.trackerAuth {
.tracker-auth {
&__content {
font-family: "LabGrotesque", sans-serif;
background-color: #f1f1f1;

View File

@ -19,25 +19,25 @@ export const TrackerRegistration = () => {
});
return (
<div className="trackerRegistration">
<div className="tracker-registration">
<AuthHeader />
<SideBar />
<div className="trackerAuth__content">
<div className="tracker-auth__content">
<div className="container">
<h1 className="trackerAuth__title">
<h1 className="tracker-auth__title">
Создайте свое{" "}
<span>
рабочее пространство
<img src={arrowInfo} alt="arrow" />
</span>
</h1>
<div className="trackerRegistration__form">
<div className="trackerRegistration__form__inputs">
<div className="trackerRegistration__inputContainer">
<div className="tracker-registration__form">
<div className="tracker-registration__form__inputs">
<div className="tracker-registration__inputContainer">
<span>Ваше имя</span>
<input placeholder="Имя" />
</div>
<div className="trackerRegistration__inputContainer">
<div className="tracker-registration__inputContainer">
<span>Ваш e-mail</span>
<input
placeholder="E-mail"
@ -50,18 +50,18 @@ export const TrackerRegistration = () => {
type="email"
/>
</div>
<div className="trackerRegistration__inputContainer">
<div className="tracker-registration__inputContainer">
<span>Придумайте пароль</span>
<input placeholder="Пароль" />
</div>
<div className="trackerRegistration__inputContainer">
<div className="tracker-registration__inputContainer">
<span>Повторите пароль</span>
<input placeholder="Повторите пароль" />
</div>
</div>
<div className="trackerRegistration__form__submit">
<div className="tracker-registration__form__submit">
<button onClick={() => setModalConfirm(true)}>Отправить</button>
<div className="trackerRegistration__form__info">
<div className="tracker-registration__form__info">
<img src={authImg} alt="img" />
<p>
Создавайте и редактируйте задачи и проекты вместе с другими
@ -70,7 +70,7 @@ export const TrackerRegistration = () => {
</div>
</div>
<img
className="trackerRegistration__form__img"
className="tracker-registration__form__img"
src={registrationImg}
alt="img"
/>

View File

@ -1,4 +1,4 @@
.trackerRegistration {
.tracker-registration {
&__content {
font-family: "LabGrotesque", sans-serif;
background-color: #f1f1f1;
@ -19,7 +19,7 @@
position: relative;
border-radius: 12px;
background: #FFF;
padding: 59px 115px 70px 102px;
padding: 20px;
@media (max-width: 1000px) {
display: flex;
@ -31,16 +31,11 @@
display: flex;
flex-wrap: wrap;
max-width: 650px;
row-gap: 25px;
column-gap: 44px;
@media (max-width: 1000px) {
order: 2;
}
@media (max-width: 6755px) {
margin-bottom: 35px;
}
}
&__submit {