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

32
src/pages/Summary/Summary.js
View File

@ -95,7 +95,7 @@ export const Summary = () => {
<p>Вернуться</p>
</div>
)}
<div className={openGit ? "summary__info openGit" : "summary__info"}>
<div className={openGit ? "summary__info open-git" : "summary__info"}>
<div className="summary__person">
<img
src={
@ -136,7 +136,7 @@ export const Summary = () => {
</div>
<div className="skills__section__items">
{editSkills ? (
<div className="editSkills">
<div className="edit-skills">
{selectedSkills &&
selectedSkills.map((skill) => {
return (
@ -156,9 +156,9 @@ export const Summary = () => {
</span>
);
})}
<div className="selectSkills">
<div className="select-skills">
<div
className="selectSkills__name"
className="select-skills__name"
onClick={() => setSelectSkillsOpen(!selectSkillsOpen)}
>
Выберите скилл
@ -168,7 +168,7 @@ export const Summary = () => {
/>
</div>
{selectSkillsOpen && (
<div className="selectSkills__dropDown">
<div className="select-skills__dropDown">
{skillsList.map((skill) => {
return (
<p
@ -179,7 +179,7 @@ export const Summary = () => {
])
}
key={skill.id}
className="selectSkills__item"
className="select-skills__item"
>
{skill.name}
</p>
@ -253,12 +253,12 @@ export const Summary = () => {
</div>
)}
{openGit && (
<div className="summary__sectionGit">
<div className="summary__section-git">
<div className="summary__sections__head">
<h3>Ваши репозитории</h3>
<button>Редактировать</button>
</div>
<div className="summary__sectionGitItems">
<div className="summary__section-git-items">
{Boolean(gitInfo.length) &&
gitInfo.map((itemGit) => {
return (
@ -267,23 +267,23 @@ export const Summary = () => {
target="_blank"
rel="noreferrer"
key={itemGit.id}
className="summary__sectionGitItem gitItem"
className="summary__section-git-item git-item"
>
<div className="gitItem__info">
<div className="gitItem__info__about">
<div className="git-item__info">
<div className="git-item__info__about">
<img src={gitImgItem} alt="gitImg" />
<div className="gitItem__info__name">
<div className="git-item__info__name">
<h4>{itemGit.title}</h4>
<p>{itemGit.description}</p>
</div>
</div>
<div className="gitItem__info__specification">
<span className="gitItem__lineSkill" />
<div className="git-item__info__specification">
<span className="git-item__lineSkill" />
<p>{itemGit.main_stack}</p>
</div>
</div>
<a
className="gitItem__link"
className="git-item__link"
href={itemGit.link}
target="_blank"
rel="noreferrer"
@ -294,7 +294,7 @@ export const Summary = () => {
);
})}
{!Boolean(gitInfo.length) && (
<p className="noGitItems">Нет актуальных проектов</p>
<p className="no-git-items">Нет актуальных проектов</p>
)}
</div>
</div>

14
src/pages/Summary/summary.scss
View File

@ -86,7 +86,7 @@
}
}
.openGit {
.open-git {
.summary__name {
max-width: none;
@ -250,7 +250,7 @@
}
}
.editSkills {
.edit-skills {
display: flex;
flex-wrap: wrap;
gap: 14px;
@ -273,7 +273,7 @@
}
}
.selectSkills {
.select-skills {
position: relative;
display: flex;
flex-direction: column;
@ -384,10 +384,10 @@
padding: 15px 35px 15px 50px !important;
}
&__sectionGit {
&__section-git {
margin-top: 25px;
&Items {
&-items {
margin-top: 25px;
display: flex;
flex-wrap: wrap;
@ -395,7 +395,7 @@
column-gap: 25px;
justify-content: space-between;
.noGitItems {
.no-git-items {
width: 100%;
font-size: 20px;
background: #ffffff;
@ -405,7 +405,7 @@
font-weight: 600;
}
.gitItem {
.git-item {
width: 48%;
display: flex;
align-items: center;