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

fix mobile resolution

Browse Source
This commit is contained in:
Victor Batischev
2023-12-04 19:28:40 +03:00
parent d4eba820e0
commit cdf06c7984
23 changed files with 54 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,7 +59,7 @@ export const Summary = () => {
<ProfileBreadcrumbs
links={[
{ name: "Главная", link: "/profile" },
{ name: "Данные и резюме", link: "/profile/summary" },
{ name: "Резюме", link: "/profile/summary" },
]}
/>
<h2 className="summary__title">
@ -98,7 +98,7 @@ export const Summary = () => {
<div className="summary__skills skills__section">
<div className="summary__sections__head">
<h3>Основной стек</h3>
<button>Редактировать раздел</button>
<button>Редактировать</button>
</div>
<div className="skills__section__items">
<div className="skills__section__items__wrapper">
@ -127,7 +127,7 @@ export const Summary = () => {
setEditSummeryOpen(!editSummeryOpen);
}}
>
{editSummeryOpen ? "Сохранить" : "Редактировать раздел"}
{editSummeryOpen ? "Сохранить" : "Редактировать"}
</button>
</div>
{editSummeryOpen ? (
@ -165,8 +165,8 @@ export const Summary = () => {
{openGit && (
<div className="summary__sectionGit">
<div className="summary__sections__head">
<h3>Страница портфолио кода разработчика</h3>
<button>Редактировать раздел</button>
<h3>Ваши репозитории</h3>
<button>Редактировать</button>
</div>
<div className="summary__sectionGitItems">
{Boolean(gitInfo.length) &&

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

@ -110,14 +110,6 @@
font-size: 16px;
line-height: 32px;
position: relative;
white-space: nowrap;
//@media (max-width: 915px) {
// max-width: 220px;
// overflow: hidden;
// white-space: nowrap;
// text-overflow: ellipsis;
//}
@media (max-width: 690px) {
font-size: 14px;
@ -128,13 +120,12 @@
@media (max-width: 550px) {
max-width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0;
}
@media (max-width: 450px) {
max-width: 150px;
max-width: 160px;
}
&:after {
@ -170,6 +161,11 @@
width: 120px;
height: 50px;
}
@media (max-width: 450px) {
width: 80px;
height: 40px;
}
}
&__skills {