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").
19 lines
670 B
HTML
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 }}
|