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

fixed code on description page

Browse Source
This commit is contained in:
Hope87
2021-07-12 17:30:36 +03:00
parent f2e769a71a
commit ed25b7c00e
5 changed files with 30 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Description/Description.js
View File

@ -43,11 +43,13 @@ const Description = ({ onLoadMore }) => {
</div>
<div className="col-xl-2"></div>
<div className="col-12 col-xl-6">
{el.skillValues.map((e) => (
<span key={e.id} className={style.description__sp}>
{e.skill.name}
</span>
))}
<div className={style.description__spBox}>
{el.skillValues.map((e) => (
<span key={e.id} className={style.description__sp}>
{e.skill.name}
</span>
))}
</div>
<img className={style.description__rectangle} src={rectangle} alt="" />
</div>
<div className="col-xl-4"></div>
@ -76,11 +78,13 @@ const Description = ({ onLoadMore }) => {
</div>
<div className="col-xl-2"></div>
<div className="col-12 col-xl-6">
{el.skillValues.map((e) => (
<span key={e.id} className={style.description__sp}>
{e.skill.name}
</span>
))}
<div className={style.description__spBox}>
{el.skillValues.map((e) => (
<span key={e.id} className={style.description__sp}>
{e.skill.name}
</span>
))}
</div>
<img className={style.description__rectangle} src={rectangle} alt="" />
</div>
<div className="col-xl-4"></div>

10
src/components/Description/Description.module.css
View File

@ -82,6 +82,7 @@
line-height: 24px;
text-align: left;
line-height: 28px;
word-wrap: break-word;
}
.description__text > p:first-child {
@ -132,10 +133,10 @@
.description__button {
width: 220px;
height: 50px;
position: absolute;
bottom: -170px;
z-index: 5;
margin-left: 85px;
margin-top: 40px;
margin-bottom: 40px;
}
}
@ -151,6 +152,10 @@
}
}
.description__spBox {
padding: 5px;
}
.description__sp {
font-family: 'GT Eesti Pro Display';
font-size: 1.7em;
@ -161,6 +166,7 @@
line-height: 36px;
margin-top: 20px;
margin-left: 10px;
word-wrap: break-word;
}
@media (max-width: 575.98px) {