watchyourlan/internal/web/templates/login.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

19 lines
670 B
HTML

{{ define "login" }}
</head>
<body>
<div class="container-lg">
<br>
<br>
<div class="row text-center">
<div class="d-flex align-items-center justify-content-center">
<form action="/login/" method="post">
<input name="username" type="text" placeholder="Login" class="form-control p-2 m-2">
<input name="password" type="password" placeholder="Password" class="form-control p-2 m-2">
<button type="submit" class="btn btn-primary p-2 m-2">Login</button>
</form>
</div>
</div>
</div>
{{ template "footer" }}
{{ end }}