Update form styling

This commit is contained in:
Sky Johnson 2024-07-01 20:58:49 -05:00
parent 7659cbed52
commit bbb7a84ad0
4 changed files with 20 additions and 6 deletions

View File

@ -3,6 +3,7 @@
}
body {
font-size: 16px;
background-image: url(/img/bg/bg.webp);
background-repeat: repeat;
}
@ -12,6 +13,19 @@ body {
margin: 0 auto;
}
.form-group {
margin-bottom: 0.5rem;
label {
display: block;
font-size: 0.8rem;
}
input {
width: 100%;
}
}
.mb-1 {
margin-bottom: 1rem;
}

BIN
public/img/bg/retro.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

View File

@ -21,24 +21,24 @@
panel.<?php endif; ?>
</p>
<form action="/install/?step=third" method="post">
<div class="mb-1">
<form action="/install/?step=third" method="post" style="max-width: 300px;">
<div class="form-group">
<label for="username">Username</label>
<input type="text" name="username" id="username" required>
</div>
<div class="mb-1">
<div class="form-group">
<label for="password">Password</label>
<input type="password" name="password" id="password" required>
</div class="mb-1">
</div>
<div class="mb-1">
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" id="email" required>
</div>
<?php if ($complete): ?>
<div class="mb-1">
<div class="form-group">
<label for="class">Class</label>
<select name="class" id="class">
<option value="1">Mage</option>