tetalab/thsf.net
19
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: portrait mode for mobile

Browse Source
This commit is contained in:
mco-system 2023-04-11 20:29:27 +11:00
parent 961d5d00ea
commit ad0f334fd4
2 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/thsf/static/css/planning.css
View File

@ -1,11 +1,25 @@
.slot {
display: flex;
flex: 1;
justify-content: center;
text-align: center;
flex-direction: row;
margin: 0.3em 0;
width: 21em;
@media screen and (min-width: 45em) {
.slot {
display: flex;
flex: 1;
justify-content: center;
text-align: center;
flex-direction: row;
margin: 0.3em 0;
width: 20em;
}
}
@media screen and (max-width: 44em) {
.slot {
display: flex;
flex: 1;
justify-content: center;
text-align: center;
flex-direction: row;
margin: 0.3em 0;
width: 21em;
}
}
.slot_info,

14
src/thsf/static/css/wrappers.css
View File

@ -29,9 +29,9 @@
flex-direction: row;
justify-content: center;
align-items: center;
gap: 2em;
gap: 1.4em;
background-color: var(--main-bg-color);
width: 100vw;
width: 40em;
transform: translateZ(2);
}
.content {
@ -70,15 +70,7 @@
width: 21em;
/* background-color: green; */
}
.center_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 21em;
/* background-color: blue; */
}
.center_wrapper ,
.header_wrapper {
display: flex;
flex-direction: column;