Skip to content

GitLab

Unverified Commit b8e6171c authored by pythongosssss's avatar pythongosssss Committed by GitHub
Browse files

Shift menu up on small screens

parent e053184a
Show whitespace changes
Inline Side-by-side
Showing with 8 additions and 1 deletion
webshit/index.html
View file @ b8e6171c
...@@ -58,6 +58,13 @@ ...@@ -58,6 +58,13 @@
white-space: pre-line; /* This will respect line breaks */ white-space: pre-line; /* This will respect line breaks */
margin-bottom: 20px; /* Add some margin between the text and the close button*/ margin-bottom: 20px; /* Add some margin between the text and the close button*/
} }
@media only screen and (max-height: 850px) {
#menu {
margin-top: -70px;
}
}
</style> </style>
<div id="myErrorModal" class="modal"> <div id="myErrorModal" class="modal">
<div class="modal-content"> <div class="modal-content">
...@@ -914,7 +921,7 @@ function clearItems(type) { ...@@ -914,7 +921,7 @@ function clearItems(type) {
</script> </script>
<span style="font-size: 15px;position: absolute; top: 50%; right: 0%; background-color: white; text-align: center; z-index: 100;width:170px; transform: translateY(-50%);"> <span id="menu" style="font-size: 15px;position: absolute; top: 50%; right: 0%; background-color: white; text-align: center; z-index: 100;width:170px">
<span id="queuesize">Queue size: X</span><br> <span id="queuesize">Queue size: X</span><br>
<button style="font-size: 20px;width: 100%;" id="queuebutton" onclick="postPrompt(0)">Queue Prompt</button><br> <button style="font-size: 20px;width: 100%;" id="queuebutton" onclick="postPrompt(0)">Queue Prompt</button><br>
<span style="left: 0%;"> <span style="left: 0%;">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment