chrissewell/pwnagotchi
1
0
Fork 0
mirror of https://github.com/jayofelony/pwnagotchi.git synced 2025-07-01 18:37:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixes #523: Add some style

Browse Source
This commit is contained in:
amuthmann
2019-11-05 23:50:46 +01:00
parent f952bcd298
commit 399dbf2b41
3 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
pwnagotchi/ui/web/static/css/style.css
View File

@ -9,6 +9,7 @@ form {
left: 0;
width: 100vw;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
display: flex;
flex-direction: column;
}

17
pwnagotchi/ui/web/static/js/viewportHeight.js Normal file
View File

@ -0,0 +1,17 @@
/* https://css-tricks.com/the-trick-to-viewport-units-on-mobile/*/
var lastViewportHeight;
function updateViewportSize() {
// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
var vh = window.innerHeight * 0.01;
if (!lastViewportHeight || lastViewportHeight !== vh) {
// Then we set the value in the --vh custom property to the root of the document
document.documentElement.style.setProperty("--vh", vh + "px");
lastViewportHeight = vh;
}
}
document.addEventListener("DOMContentLoaded", function() {
updateViewportSize();
});

1
pwnagotchi/ui/web/templates/index.html
View File

@ -24,6 +24,7 @@
</div>
</div>
<script type="text/javascript" src="/js/refresh.js"></script>
<script type="text/javascript" src="/js/refresh.js"></script>
</body>