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

View File

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

View File

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

View File

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

View File

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