style fix
This commit is contained in:
@ -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" },
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -56,7 +56,7 @@ export const Blog = () => {
|
||||
<SideBar />
|
||||
|
||||
<div className="container">
|
||||
<div className="blog__breadCrumbs">
|
||||
<div className="blog__breadcrumbs">
|
||||
<ProfileBreadcrumbs
|
||||
links={[
|
||||
{ name: "Главная", link: "/auth" },
|
||||
|
@ -1,7 +1,7 @@
|
||||
.blog {
|
||||
background: #f1f1f1;
|
||||
|
||||
&__breadCrumbs {
|
||||
&__breadcrumbs {
|
||||
margin-top: 30px;
|
||||
|
||||
@media (max-width: 1375px) {
|
||||
|
@ -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;
|
||||
|
@ -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>
|
||||
рабочее пространство
|
||||
|
@ -1,4 +1,4 @@
|
||||
.trackerAuth {
|
||||
.tracker-auth {
|
||||
&__content {
|
||||
font-family: "LabGrotesque", sans-serif;
|
||||
background-color: #f1f1f1;
|
||||
|
@ -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"
|
||||
/>
|
||||
|
@ -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 {
|
||||
|
Reference in New Issue
Block a user