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

adaptive

Browse Source
This commit is contained in:
Николай Полтщук
2023-08-04 23:24:04 +03:00
parent d62d321c93
commit 3db87fca20
4 changed files with 180 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -231,6 +231,10 @@
background: #ffffff;
border-radius: 12px;
flex-direction: column;
@media (max-width: 650px) {
border-radius: 0;
}
}
.tasks {
@ -238,6 +242,14 @@
border-bottom: 1px solid #dde2e4;
padding: 0 35px 15px;
@media (max-width: 1000px) {
padding: 0 15px 15px;
}
@media (max-width: 650px) {
background-color: #DFF1FF;
}
&__wrapper {
display: flex;
max-width: 1280px;
@ -250,6 +262,13 @@
&__fullScreen {
max-width: 1160px;
}
@media (max-width: 1350px) {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0px;
}
}
h5 {
@ -263,6 +282,11 @@
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@media (max-width: 1350px) {
width: 100%;
max-width: none;
}
}
&__add {
@ -287,6 +311,14 @@
display: flex;
align-items: center;
}
@media (max-width: 1350px) {
margin-left: 0;
}
@media (max-width: 700px) {
width: 100%;
}
}
&__persons {
@ -294,6 +326,14 @@
display: flex;
align-items: center;
@media (max-width: 700px) {
right: -15px;
}
@media (max-width: 465px) {
width: 100%;
}
.projectPersons {
display: flex;
position: relative;
@ -496,6 +536,10 @@
display: flex;
align-items: center;
@media (max-width: 650px) {
margin: 0;
}
span {
color: #252c32;
font-weight: 400;
@ -533,6 +577,16 @@
max-width: 220px;
width: 100%;
@media (max-width: 915px) {
margin-right: 0;
width: 100%;
max-width: none;
}
@media (max-width: 650px) {
border-color: gray;
}
&Selected {
display: flex;
align-items: center;
@ -646,6 +700,10 @@
font-weight: 500;
}
}
@media (max-width: 1150px) {
display: none;
}
}
}
@ -673,6 +731,13 @@
background: #c5c0c6;
border-radius: 20px;
}
@media (max-width: 900px) {
padding: 15px;
flex-direction: column;
row-gap: 25px;
transform: none;
}
}
&__board {
@ -690,10 +755,15 @@
height: fit-content;
position: relative;
transition: all 0.3s ease;
//max-height: 500px;
//overflow-y: auto;
transform: scaleY(-1);
@media (max-width: 900px) {
min-width: auto;
width: 100%;
max-width: none;
transform: scaleX(1);
}
&::-webkit-scrollbar {
width: 3px;
border-radius: 10px;
@ -739,6 +809,14 @@
transition: 0.3s;
}
@media (max-width: 900px) {
width: 100%;
&:hover {
transform: none;
}
}
&__hide {
opacity: 0;
}
@ -1456,7 +1534,8 @@
@media (max-width: 650px) {
&__content {
padding: 28px 0;
padding: 28px 0 0;
background-color: #DFF1FF;
.project {
background-color: white;