move kiri app into #app div instead of using body

This commit is contained in:
Stewart Allen 2020-07-01 17:41:33 -04:00
commit 8948ae477a
2 changed files with 5 additions and 3 deletions

View file

@ -10,7 +10,7 @@ a, a:hover, a:visited {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
body { #app {
position: fixed; position: fixed;
overflow: hidden; overflow: hidden;
font-weight: normal; font-weight: normal;
@ -21,7 +21,7 @@ body {
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
body,div { #app,div {
display: flex; display: flex;
padding: 0px; padding: 0px;
border: 0px; border: 0px;

View file

@ -20,7 +20,8 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" crossorigin="anonymous"></script>
<script src="/code/kiri.js?{{version}}"></script> <script src="/code/kiri.js?{{version}}"></script>
</head> </head>
<body class="f-col"> <body>
<div id="app" class="f-col">
<div id="curtain" class="j-center a-center">loading...</div> <div id="curtain" class="j-center a-center">loading...</div>
<div id="container"></div> <div id="container"></div>
<div id="tracker"></div> <div id="tracker"></div>
@ -344,5 +345,6 @@
<p>this site uses cookies to preserve application preferences</p> <p>this site uses cookies to preserve application preferences</p>
<button id="gotit" class="f-col j-center">got it</button> <button id="gotit" class="f-col j-center">got it</button>
</div> </div>
</div>
</body> </body>
</html> </html>