frontend: center calendar values
This commit is contained in:
parent
792006c7f1
commit
0e1b25050b
1 changed files with 2 additions and 16 deletions
|
@ -154,7 +154,7 @@
|
||||||
|
|
||||||
.weekdays li {
|
.weekdays li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 13.6%;
|
width: 14.2%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -166,7 +166,7 @@
|
||||||
.days li {
|
.days li {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 13.6%;
|
width: 14.2%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
|
@ -194,20 +194,6 @@
|
||||||
aspect-ratio: 1/1;
|
aspect-ratio: 1/1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 720px) {
|
|
||||||
.weekdays li, .days li {width: 13.1%;}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 420px) {
|
|
||||||
.weekdays li, .days li {width: 12.5%;}
|
|
||||||
.days li .active {padding: 2px;}
|
|
||||||
.days li .nonactive {padding: 2px;}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 290px) {
|
|
||||||
.weekdays li, .days li {width: 12.2%;}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
.month {
|
.month {
|
||||||
background: #5C8DC0;
|
background: #5C8DC0;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue