fix adaptive tracker tabs

This commit is contained in:
Victor Batischev
2024-02-06 19:57:27 +03:00
parent 8c68366152
commit 455be87e26
7 changed files with 22 additions and 67 deletions

View File

@ -49,11 +49,9 @@
height: 60px;
@media (max-width: 650px) {
background: none;
justify-content: space-between;
position: relative;
top: 15px;
height: auto;
}
}
@ -90,22 +88,19 @@
}
@media (max-width: 650px) {
border-radius: 10px;
flex-direction: column;
padding: 20px;
align-items: start;
row-gap: 20px;
height: auto !important;
border-radius: 10px 10px 0 0;
padding: 10px;
align-items: center;
p {
margin-left: 0;
margin-left: 5px;
}
}
}
.active-tab {
background: white;
border-radius: 12px 12px 5px 5px;
border-radius: 12px 12px 0px 0px;
position: relative;
height: 73px;
display: flex;
@ -122,9 +117,7 @@
}
@media (max-width: 650px) {
border-radius: 10px;
align-items: start;
top: 0;
padding: 10px 20px;
}
}
@ -231,10 +224,6 @@
padding: 0 15px 15px;
}
@media (max-width: 650px) {
background-color: #dff1ff;
}
&__wrapper {
display: flex;
max-width: 1400px;
@ -1913,25 +1902,12 @@
@media (max-width: 650px) {
&__content {
padding: 28px 0 0;
background-color: #dff1ff;
.project {
background-color: white;
background-color: #eeeeee;
max-width: 394px;
}
}
.projectsTab {
background-color: #dff1ff;
}
.tasksTab {
background-color: #e8ffeb;
}
.archiveTab {
background-color: #ffecef;
}
}
}
}