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

style fix

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/AuthBlock/authBlock.scss
View File

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

7
src/components/CardArticle/cardArticle.scss
View File

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

5
src/components/FrequentlyAskedQuestionsItem/FrequentlyAskedQuestionsItem.scss
View File

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

10
src/components/SideBar/sidebar.scss
View File

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

2
src/pages/Article/Article.jsx
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" },

7
src/pages/Article/article.scss
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;
}
}

2
src/pages/Blog/Blog.jsx
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" },

2
src/pages/Blog/blog.scss
View File

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

4
src/pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions.scss
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;

6
src/pages/TrackerAuth/TrackerAuth.js
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>
рабочее пространство

2
src/pages/TrackerAuth/trackerAuth.scss
View File

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

24
src/pages/TrackerRegistration/TrackerRegistration.js
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"
/>

9
src/pages/TrackerRegistration/trackerRegistration.scss
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 {