eric/WeatherStar4000
1
0
Fork 0
mirror of https://github.com/netbymatt/ws4kp.git synced 2026-04-21 11:09:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

resizing for orientation change

Browse Source
This commit is contained in:
Matt Walsh
2022-09-23 15:55:37 -05:00
parent 3d7e93947b
commit 95b135a9b7
5 changed files with 24 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
server/styles/main.css
View File

File diff suppressed because one or more lines are too long

2
server/styles/main.css.map
View File

File diff suppressed because one or more lines are too long

39
server/styles/scss/_page.scss
View File

@@ -240,9 +240,7 @@ jsgif {
#container {
position: relative;
width: 100%;
/* max-width: 640px; */
height: 100%;
max-height: 480;
background-image: url(../images/BackGround1_1.png);
}
@@ -298,13 +296,12 @@ jsgif {
#divTwc:fullscreen {
display: flex;
align-items: center;
justify-content: center;
align-content: center;
align-items: center;
justify-content: center;
align-content: center;
}
#divTwc:fullscreen #display {
position: relative;
}
@@ -318,36 +315,6 @@ jsgif {
bottom: 0px;
}
@media screen and (orientation: portrait) {
#divTwc:fullscreen canvas {
width: 100vw;
max-width: 100vw;
height: auto;
}
#divTwc:fullscreen #container {
width: 100vw;
height: auto;
max-height: unset;
max-width: unset;
}
}
@media screen and (orientation: landscape) {
#divTwc:fullscreen canvas {
height: 100vh;
max-height: 100vh;
width: auto;
}
#divTwc:fullscreen #container {
height: 100vh;
width: auto;
max-width: 100vw;
max-height: unset;
}
}
.navButton {
cursor: pointer;
}