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

@ -144,7 +144,7 @@
&__img { &__img {
position: absolute; position: absolute;
right: 48px; right: 48px;
top: -90px; top: -20px;
@media (max-width: 900px) { @media (max-width: 900px) {
order: 1; order: 1;

View File

@ -29,8 +29,13 @@
display: flex; display: flex;
padding: 0 0 14px 16px; padding: 0 0 14px 16px;
p {
font-size: 13px;
}
img { img {
margin-right: 9px; width: 15px;
margin-right: 5px;
} }
} }
} }

View File

@ -3,14 +3,15 @@
.frequently-asked-questions-item { .frequently-asked-questions-item {
&__head { &__head {
display: flex; display: flex;
align-items: center;
gap: 19px; gap: 19px;
margin: 0 0 -5px 29px; margin: 0 0 0px 29px;
} }
&__title { &__title {
font-weight: 700; font-weight: 700;
@include adaptiv-value("font-size", 28, 22, 1); @include adaptiv-value("font-size", 28, 22, 1);
line-height: 79%; line-height: 100%;
color: #1458dd; color: #1458dd;
} }

View File

@ -3,7 +3,7 @@
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 141px; width: 100px;
height: 100%; height: 100%;
background: #e1fccf; background: #e1fccf;
@ -108,7 +108,7 @@
} }
.auth-body { .auth-body {
padding: 40px; padding: 40px 10px;
visibility: hidden; visibility: hidden;
transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
opacity: 0; opacity: 0;
@ -125,7 +125,7 @@
&__title { &__title {
display: flex; display: flex;
margin-top: 24px; margin-top: 24px;
img { img {
width: 160px; width: 160px;
} }
@ -184,8 +184,8 @@
transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;
opacity: 1; opacity: 1;
display: flex; display: flex;
width: 424px; width: 280px;
left: 140px; left: 100px;
@media (max-width: 1440px) { @media (max-width: 1440px) {
left: 79px; left: 79px;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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