Scale the SVG to the viewport width on the website

This commit is contained in:
Thomas Kolb 2023-11-16 20:39:21 +01:00
parent d8dec85a2c
commit 36bf7cb02f
2 changed files with 7 additions and 3 deletions

View file

@ -54,7 +54,11 @@ div.form * input[type=submit] {
border: 1px solid #229; border: 1px solid #229;
padding: 1em; padding: 1em;
display: block; display: block;
width: fit-content;
background: #888; background: #888;
border-radius: 2em; border-radius: 2em;
} }
#svgcontainer svg {
width: 100%;
height: auto;
}

View file

@ -29,8 +29,8 @@
</div> </div>
</form> </form>
</div> </div>
<div id="downloadlink"></div> <div id="downloadlink">Download-Link will appear here.</div>
<div id="svgcontainer"></div> <div id="svgcontainer">Map will appear here.</div>
<p>This map generator was built by Thomas DL5TKL.</p> <p>This map generator was built by Thomas DL5TKL.</p>
</body> </body>
</html> </html>