Change page layout to fit more data

This commit is contained in:
Fred Boniface 2023-06-08 11:13:36 +01:00
parent e7fcb69e4c
commit 41d027ffab
2 changed files with 11 additions and 1 deletions

View File

@ -63,7 +63,10 @@ async function displayOne(object) {
stopRows += await createPublicStopTableRow(stop) stopRows += await createPublicStopTableRow(stop)
} }
const displayBox = document.getElementById('train_data') const displayBox = document.getElementById('train_data')
const titleImg = document.getElementById('titleimg')
displayBox.insertAdjacentHTML('beforeend', dataTableHead + stopRows + dataTableClose) displayBox.insertAdjacentHTML('beforeend', dataTableHead + stopRows + dataTableClose)
displayBox.style = 'display:block;'
titleImg.style = 'width:150px;height:98px;padding-bottom:0;'
} }
async function createPublicStopTableRow(stop) { async function createPublicStopTableRow(stop) {
@ -86,3 +89,10 @@ async function createPublicStopTableRow(stop) {
</tr> </tr>
` `
} }
async function reset() {
const titleImg = document.getElementById('titleimg')
const displayBox = document.getElementById('train_data')
titleImg.style = ''
displayBox.innerHTML = ''
}

View File

@ -36,7 +36,7 @@
<source srcset="/images/logo/wide_logo.svg" type="image/svg+xml"> <source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
<source media="(max-height: 739px)" srcset="./images/logo/logo-full-200.png" type="image/png"> <source media="(max-height: 739px)" srcset="./images/logo/logo-full-200.png" type="image/png">
<source srcset="./images/logo/logo-full-250.png" type="image/png"> <source srcset="./images/logo/logo-full-250.png" type="image/png">
<img class="titleimg" src="./images/logo/logo-full-250.png" alt="OwlBoard Logo"> <img class="titleimg" id="titleimg" src="./images/logo/logo-full-250.png" alt="OwlBoard Logo">
</picture> </picture>
<h2>Train Details</h2> <h2>Train Details</h2>
<div id="train_options"> <div id="train_options">