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

fix adaptive layout in project list

Browse Source
This commit is contained in:
Victor Batischev
2024-02-05 16:44:03 +03:00
parent 4a81441d35
commit 3cc306bbc3
8 changed files with 29 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/Tracker/Tracker.jsx
View File

@ -201,7 +201,7 @@ export const Tracker = () => {
)) &&
!loader && (
<div className="no-projects">
<div className="no-projects__createNew">
<div className="no-projects__create-new">
<div>
<img src={noProjects} alt="noProjectImg" />
<p>Создайте свой первый проект</p>
@ -251,7 +251,7 @@ export const Tracker = () => {
<p>
{25} - {35}
</p>
<h2>Сентября,</h2>
<h3>Сентября,</h3>
<h3>2023</h3>
</div>

29
src/pages/Tracker/tracker.scss
View File

@ -145,10 +145,10 @@
row-gap: 30px;
display: none;
align-items: center;
justify-content: center;
@media (max-width: 785px) {
row-gap: 25px;
justify-content: center;
padding: 0 15px 20px;
}
@ -158,7 +158,7 @@
padding: 20px;
width: 100%;
&__createNew {
&__create-new {
display: flex;
div {
display: flex;
@ -177,14 +177,11 @@
}
.create-project-btn {
max-width: 322px;
width: 322px;
height: 166px;
width: 300px;
height: 113px;
border-radius: 12px;
background: #ecf8e5;
color: #000000;
font-weight: 400;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
@ -192,10 +189,9 @@
&__text {
text-align: left;
font-size: 14px;
font-weight: 250;
width: 190px;
margin-left: 25px;
font-weight: 400;
font-size: 18px;
margin-left: 15px;
}
&:hover {
@ -203,10 +199,13 @@
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.11);
}
@media (max-width: 650px) {
height: 40px;
font-size: 12px;
height: 166px;
@media (max-width: 1068px) {
width: 47%;
}
@media (max-width: 785px) {
max-width: 394px;
width: 100%;
}
}
}