Jerry
/
cyp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

better sizing

This commit is contained in:
Ondřej Žára 2020-06-22 22:25:35 +02:00
parent f8dea00d8f
commit a727f75bfe
4 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/css/elements/app.less
View File

@ -4,7 +4,7 @@ cyp-app {
box-sizing: border-box;
margin: 0 auto;
max-width: 800px;
height: 100vh;
height: calc(100px * var(--vh));
font-family: lato, sans-serif;
font-size: 16px;

2
app/cyp.css
View File

File diff suppressed because one or more lines are too long

7
app/cyp.js
View File

@ -1807,3 +1807,10 @@ class Library extends Component {
}
customElements.define("cyp-library", Library);
function updateSize() {
document.body.style.setProperty("--vh", window.innerHeight/100);
}
window.addEventListener("resize", updateSize);
updateSize();

7
app/js/cyp.js
View File

@ -11,3 +11,10 @@ import "./elements/library.js";
import "./elements/tag.js";
import "./elements/back.js";
import "./elements/path.js";
function updateSize() {
document.body.style.setProperty("--vh", window.innerHeight/100);
}
window.addEventListener("resize", updateSize);
updateSize();