responsive
This commit is contained in:
parent
8754458736
commit
7a3fe4e3ed
1 changed files with 30 additions and 8 deletions
|
|
@ -324,12 +324,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 400px) {
|
@media screen and (max-width: 400px) {
|
||||||
.details {
|
|
||||||
p {
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.todo-done,
|
.todo-done,
|
||||||
.urgent,
|
.urgent,
|
||||||
.tasks {
|
.tasks {
|
||||||
|
|
@ -337,10 +331,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
width: 70px;
|
width: 85px;
|
||||||
p {
|
p {
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
font-size: 14px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
span {
|
span {
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
|
|
@ -365,3 +359,31 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 350px) {
|
||||||
|
.todo-done,
|
||||||
|
.urgent,
|
||||||
|
.tasks {
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details {
|
||||||
|
width: 75px;
|
||||||
|
p {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.date {
|
||||||
|
p {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tasks {
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue