Updated style for forms

This commit is contained in:
Kamil Niemczycki 2022-02-16 10:48:02 +01:00
parent 282e5ccc46
commit 0e2d3dec2f
5 changed files with 38 additions and 16 deletions

View File

@ -1,11 +1,12 @@
form {
max-width: 600px;
input[type="text"], input[type="date"], textarea {
input:not([type="submit"]):not([type="checkbox"]),
textarea {
width: 100%;
}
.form textarea {
textarea {
min-width: 100%;
max-width: 100%;
min-height: 250px;
@ -24,4 +25,13 @@ form {
padding: 0 10px 5px;
color: darkred;
}
.check-place {
display: flex;
align-items: center;
label {
margin-right: 0;
}
}
}

View File

@ -35,11 +35,15 @@
<span class="error">{{ $message }}</span>
@enderror
<label for="default">Default</label>
<input id="default" type="checkbox" name="default" {{ old('default') != 0 ? 'checked' : '' }}>
<div class="check-place">
<label for="default">Default</label>
<input id="default" type="checkbox" name="default" {{ old('default') != 0 ? 'checked' : '' }}>
</div>
<label for="visible">Visible</label>
<input id="visible" type="checkbox" name="visible" {{ old('visible') != 0 ? 'checked' : '' }}>
<div class="check-place">
<label for="visible">Visible</label>
<input id="visible" type="checkbox" name="visible" {{ old('visible') != 0 ? 'checked' : '' }}>
</div>
<input type="submit" value="Utwórz">
</form>

View File

@ -36,13 +36,17 @@
<span class="error">{{ $message }}</span>
@enderror
<label for="default">Default</label>
<input id="default" type="checkbox"
name="default" {{ old('default', $category->default) != 0 ? 'checked' : '' }}>
<div class="check-place">
<label for="default">Default</label>
<input id="default" type="checkbox"
name="default" {{ old('default', $category->default) != 0 ? 'checked' : '' }}>
</div>
<label for="visible">Visible</label>
<input id="visible" type="checkbox"
name="visible" {{ old('visible', $category->visible) != 0 ? 'checked' : '' }}>
<div class="check-place">
<label for="visible">Visible</label>
<input id="visible" type="checkbox"
name="visible" {{ old('visible', $category->visible) != 0 ? 'checked' : '' }}>
</div>
<input type="submit" value="Edytuj">
</form>

View File

@ -65,8 +65,10 @@
<span class="error">{{ $message }}</span>
@enderror
<label for="visible">Visible</label>
<input id="visible" type="checkbox" name="visible" {{ old('visible') != 0 ? 'checked' : '' }}>
<div class="check-place">
<label for="visible">Visible</label>
<input id="visible" type="checkbox" name="visible" {{ old('visible') != 0 ? 'checked' : '' }}>
</div>
<input type="submit" value="Utwórz">
</form>

View File

@ -66,8 +66,10 @@
<span class="error">{{ $message }}</span>
@enderror
<label for="visible">Visible</label>
<input id="visible" type="checkbox" name="visible" {{ old('visible') != 0 ? 'checked' : '' }}>
<div class="check-place">
<label for="visible">Visible</label>
<input id="visible" type="checkbox" name="visible" {{ old('visible') != 0 ? 'checked' : '' }}>
</div>
<input type="submit" value="Aktualizuj">
</form>