hrfee
/
jfa-go
mirror of https://github.com/hrfee/jfa-go.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Added better mobile support for sign-up form.

This commit is contained in:
James Finch 2022-01-27 01:58:24 +00:00 committed by GitHub
parent 4deb45df3c
commit 82c8ef1e4b
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/base.css
View File

@ -181,6 +181,18 @@ span.sm:not(.heading) {
flex-direction: column;
}
.flex-form {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px) {
.flex-form {
flex: 1;
margin: 0.5rem;
}
}
@media screen and (max-width: 400px) {
.row {
flex-direction: column;

6
html/form.html
View File

@ -86,14 +86,14 @@
<div class="page-container">
<div class="card dark:~d_neutral @low">
<div class="row baseline">
<span class="col heading">
<span class="flex-form heading mr-5">
{{ if .passwordReset }}
{{ .strings.passwordReset }}
{{ else }}
{{ .strings.createAccountHeader }}
{{ end }}
</span>
<span class="col subheading">
<span class="flex-form subheading">
{{ if .passwordReset }}
{{ .strings.enterYourPassword }}
{{ else }}
@ -102,7 +102,7 @@
</span>
</div>
<div class="row">
<div class="col">
<div class="flex-form">
{{ if .userExpiry }}
<aside class="col aside sm ~warning" id="user-expiry-message"></aside>
{{ end }}