thallada/panic-shack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Give the server log more width

Browse Source
This commit is contained in:
Tyler Hallada 2017-11-30 20:16:16 -05:00
parent 6a31f11849
commit 2e4faa70c6
2 changed files with 87 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/styles.css
View File

@ -1,5 +1,4 @@
body {
max-width: 650px;
margin: 0 auto;
padding: 10px;
background-color: floralwhite;
@ -36,6 +35,11 @@ ol li code {
display: inline-block;
}
.width-limit {
margin: 0 auto;
max-width: 650px;
}
#server-status {
display: none;
padding: 10px;
@ -71,9 +75,9 @@ ol li code {
#server-log {
padding: 10px;
margin: 10px;
margin: 10px auto;
border: 1px solid darkgrey;
max-width: 1000px;
max-width: 1200px;
max-height: 600px;
overflow: scroll;
}

5
index.html
View File

@ -7,6 +7,7 @@
<meta charset="UTF-8">
</head>
<body>
<div class="width-limit">
<h1>Panic Shack - Minecraft Server</h1>
<img src="img/bridge.jpg" alt="Screenshot from the Minecraft server of a bridge over a lake in a jungle biome">
@ -78,12 +79,16 @@
</p>
<h2>Server Log</h2>
</div>
<pre id="server-log"></pre>
<div class="width-limit">
<label>
<input type="checkbox" id="auto-scroll" checked>
Automatically scroll to bottom on log refresh
</label>
<p class="small-text">Updated every 10 seconds.</p>
</div>
<script src="https://mcapi.us/scripts/minecraft.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.2/moment.min.js"></script>