diff options
Diffstat (limited to 'VegaData/wwwroot/index.html')
| -rw-r--r-- | VegaData/wwwroot/index.html | 28 |
1 files changed, 22 insertions, 6 deletions
diff --git a/VegaData/wwwroot/index.html b/VegaData/wwwroot/index.html index 18bd9bc..30056ce 100644 --- a/VegaData/wwwroot/index.html +++ b/VegaData/wwwroot/index.html @@ -5,7 +5,7 @@ <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> - /* @font-face { + @font-face { font-family: 'Broadsheet Italic'; src: url('/Broadsheet Italic/Broadsheet Italic.ttf') format('truetype'); font-weight: normal; @@ -19,7 +19,7 @@ font-weight: normal; font-display: auto; font-style: normal; - } */ + } .italic { font-family: 'Broadsheet Italic', serif; @@ -37,6 +37,11 @@ --bg: beige; } + #search { + padding: 10px 12px; + min-width: 300px; + } + html, body { margin: 0; @@ -44,7 +49,8 @@ background: var(--bg); } - li:target { + li:target, + .activeShow { padding-block: 2rem; padding-inline: 1rem; background-image: url("./17.png"); @@ -57,9 +63,12 @@ } #ulShows { - padding-inline-start: 10px; height: 80vh; - overflow: auto; + overflow-x: auto; + } + + main { + padding-inline: 10px; } .show { @@ -73,6 +82,8 @@ font-weight: 600; position: sticky; top: 0; + overflow-wrap: break-word; + hyphens: manual; background: beige; } } @@ -101,6 +112,11 @@ } } + h1 { + margin: 0; + padding: 10px; + } + ul { list-style: none; margin: 0; @@ -114,7 +130,7 @@ <body> <h1>Bli med på vega?</h1> <main> - <button id="renderShowsBtn">tilbakestill</button> + <button id="renderShowsBtn">tilbakestill</button> <br> <input type="search" name="q1" id="search" placeholder="søk"> <ul id="ulShows"></ul> </main> |