1
0
mirror of https://github.com/hrfee/jfa-go.git synced 2024-12-22 17:10:10 +00:00

Merge pull request #189 from LubricantJam/main

Mobile Form Support.
This commit is contained in:
Harvey Tindall 2022-01-27 15:01:30 +00:00 committed by GitHub
commit 42dbc04ff9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 7 deletions

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;

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 }}