wbrawner/twigs
1
0
Fork 0
Code Issues Pull requests 2 Projects Releases Packages 1 Wiki Activity Actions

Fix some styling issues for forms
All checks were successful
Pull request workflow / Build and Test (pull_request) Successful in 3m34s
Details
Publish Docker image / Push Docker image to Forgejo Packages (push) Successful in 1h16m22s
Details

Browse source
This commit is contained in:
William Brawner 2024-07-07 10:54:49 -06:00
parent 5aef4630a6
commit 3434bf099c
Signed by: wbrawner
GPG key ID: 8FF12381C6C90D35
4 changed files with 68 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
web/src/main/resources/static/style.css
View file

@ -1,4 +1,5 @@
* { * {
box-sizing: border-box;
transition: 0.25s ease; transition: 0.25s ease;
} }
@ -129,6 +130,7 @@ header.row {
font-weight: bold; font-weight: bold;
padding: var(--input-padding); padding: var(--input-padding);
text-decoration: none; text-decoration: none;
text-align: center;
} }
.flex-full-width { .flex-full-width {
@ -261,11 +263,22 @@ a {
} }
@media all and (max-width: 400px) { @media all and (max-width: 400px) {
button { .button {
width: 100%; width: 100%;
} }
.center {
padding: 10px;
}
.flex-full-width { .flex-full-width {
flex-direction: column; flex-direction: column;
padding: 5px;
width: 100%;
}
.flex-full-width .button {
flex-direction: column;
margin: 5px;
} }
} }

2
web/src/main/resources/templates/budget-form.mustache
View file

@ -1,5 +1,6 @@
{{> partials/head }} {{> partials/head }}
<div id="app"> <div id="app">
<main>
<h1>{{title}}</h1> <h1>{{title}}</h1>
<div class="center"> <div class="center">
{{#error }} {{#error }}
@ -13,5 +14,6 @@
<input id="submit" type="submit" class="button button-primary" value="Save"/> <input id="submit" type="submit" class="button button-primary" value="Save"/>
</form> </form>
</div> </div>
</main>
</div> </div>
{{>partials/foot}} {{>partials/foot}}

2
web/src/main/resources/templates/login.mustache
View file

@ -1,5 +1,6 @@
{{> partials/head }} {{> partials/head }}
<div id="app"> <div id="app">
<main>
<h1>{{title}}</h1> <h1>{{title}}</h1>
<div class="center"> <div class="center">
<div class="logo"></div> <div class="logo"></div>
@ -16,5 +17,6 @@
<a href="/resetpassword" style="padding: var(--input-padding)">Forgot your password?</a> <a href="/resetpassword" style="padding: var(--input-padding)">Forgot your password?</a>
<a href="/register" style="padding: var(--input-padding)">Create an account</a> <a href="/register" style="padding: var(--input-padding)">Create an account</a>
</div> </div>
</main>
</div> </div>
{{>partials/foot}} {{>partials/foot}}

4
web/src/main/resources/templates/register.mustache
View file

@ -1,5 +1,6 @@
{{> partials/head }} {{> partials/head }}
<div id="app"> <div id="app">
<main>
<h1>{{title}}</h1> <h1>{{title}}</h1>
<div class="center"> <div class="center">
<div class="logo"></div> <div class="logo"></div>
@ -15,9 +16,10 @@
<input id="password" type="password" name="password"/> <input id="password" type="password" name="password"/>
<label for="confirm-password">Confirm Password</label> <label for="confirm-password">Confirm Password</label>
<input id="confirm-password" type="password" name="confirmPassword"/> <input id="confirm-password" type="password" name="confirmPassword"/>
<input type="submit" class="button button-primary" value="Login"/> <input type="submit" class="button button-primary" value="Register"/>
</form> </form>
<a href="/login" style="padding: var(--input-padding)">Login</a> <a href="/login" style="padding: var(--input-padding)">Login</a>
</div> </div>
</main>
</div> </div>
{{>partials/foot}} {{>partials/foot}}