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

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%;
}
}
}