watchyourlan/internal/web/templates/port.html
Adam Davidson 564ac35aa3 Adjusted HTML files to make them responsive (issue #51)
HTML adjusted to make them responsive and better sized when viewed on a mobile device. There should be no change when viewing these on tablets large screens.

Changes include:
- Making containers 100% wide on screens below the Bootstrap "lg" breakpoint. This removes the left and right outer margins, making the most of available space on small screens.
- Making the navigation menu collapse on small screens, to be replaced by a "hamburger" icon that then expands to show the menu when clicked.
- Making all tables responsive so that they can be horizontally scrolled on small screens.
- Table items now centrally align vertically on the table rows (using the "align-middle" class").
2024-01-03 17:22:28 +00:00

18 lines
364 B
HTML

{{ define "port" }}
<body>
<div class="container-lg mt-5">
<div class="row">
<div class="col">
<p>Open TCP ports:</p>
{{ range .Themes }}
<a href="http://{{ . }}" target="_blank">{{ . }}</a>
<br>
{{ end }}
</div>
</div>
</div>
{{ template "footer" }}
{{ end }}