Incorporate Auto WB button, improve page layout on small screens
This commit is contained in:
DylanSpeiser 2024-10-30 14:46:11 -04:00
parent 9c0a8765ce
commit 43fc71c0ca
2 changed files with 14 additions and 4 deletions

View file

@ -336,7 +336,7 @@
<!-- Footer Div --> <!-- Footer Div -->
<div class="flexContainerH" id="footerContainer"> <div class="flexContainerH" id="footerContainer">
<div id="footerLeft"> <div id="footerLeft">
<span class="">(v 1.3)</span> <span class="">(v 1.4)</span>
<span id="activeElementSpan"></span> <span id="activeElementSpan"></span>
</div> </div>
<div id="footerLinks"> <div id="footerLinks">

View file

@ -3,17 +3,27 @@
/* ============= WHOLE PAGE STYLES ================== */ /* ============= WHOLE PAGE STYLES ================== */
/* Handle vertical screens */ /* Handle vertical screens */
@media screen and (max-width: 1200px) { @media screen and (max-width: 1400px) and (orientation: portrait) {
#cameraControlsContainer { #cameraControlsContainer {
width: 100vw!important; width: 100vw!important;
} }
#cameraControlsContainerExpanded { #cameraControlsContainerExpanded {
display: none; display: none!important;
} }
body { body {
font-size: 90%; font-size: 125%;
}
}
@media screen and (max-width: 1400px) and (orientation: landscape) {
#cameraControlsContainer {
width: 30vw!important;
}
body {
font-size: 70%;
} }
} }