Merge pull request #2006 from grahamhealy20/add-mono-font-to-textarea
Text areas use monospaced fonts with spellcheck disabled by default
This commit is contained in:
commit
a04674d93d
@ -23,10 +23,11 @@ class Textarea extends Component
|
|||||||
public bool $disabled = false,
|
public bool $disabled = false,
|
||||||
public bool $readonly = false,
|
public bool $readonly = false,
|
||||||
public bool $allowTab = false,
|
public bool $allowTab = false,
|
||||||
|
public bool $spellcheck = false,
|
||||||
public ?string $helper = null,
|
public ?string $helper = null,
|
||||||
public bool $realtimeValidation = false,
|
public bool $realtimeValidation = false,
|
||||||
public bool $allowToPeak = true,
|
public bool $allowToPeak = true,
|
||||||
public string $defaultClass = "input scrollbar",
|
public string $defaultClass = "input scrollbar font-mono",
|
||||||
public string $defaultClassInput = "input"
|
public string $defaultClassInput = "input"
|
||||||
) {
|
) {
|
||||||
//
|
//
|
||||||
|
@ -56,7 +56,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<textarea {{ $allowTab ? '@keydown.tab=handleKeydown' : '' }} placeholder="{{ $placeholder }}" {{ $attributes->merge(['class' => $defaultClass]) }}
|
<textarea {{ $allowTab ? '@keydown.tab=handleKeydown' : '' }} placeholder="{{ $placeholder }}" {{ !$spellcheck ? 'spellcheck=false' : '' }} {{ $attributes->merge(['class' => $defaultClass]) }}
|
||||||
@if ($realtimeValidation) wire:model.debounce.200ms="{{ $id }}"
|
@if ($realtimeValidation) wire:model.debounce.200ms="{{ $id }}"
|
||||||
@else
|
@else
|
||||||
wire:model={{ $value ?? $id }}
|
wire:model={{ $value ?? $id }}
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
<div>Your feedback helps us to improve Coolify. Thank you! 💜</div>
|
<div>Your feedback helps us to improve Coolify. Thank you! 💜</div>
|
||||||
<form wire:submit="submit" class="flex flex-col gap-4 pt-4">
|
<form wire:submit="submit" class="flex flex-col gap-4 pt-4">
|
||||||
<x-forms.input id="subject" label="Subject" placeholder="Summary of your problem."></x-forms.input>
|
<x-forms.input id="subject" label="Subject" placeholder="Summary of your problem."></x-forms.input>
|
||||||
<x-forms.textarea rows="10" id="description" label="Description"
|
<x-forms.textarea rows="10" id="description" label="Description" class="font-sans" spellcheck
|
||||||
placeholder="Please provide as much information as possible."></x-forms.textarea>
|
placeholder="Please provide as much information as possible."></x-forms.textarea>
|
||||||
<div></div>
|
<div></div>
|
||||||
<x-forms.button class="w-full mt-4" type="submit" @click="modalOpen=false">Send</x-forms.button>
|
<x-forms.button class="w-full mt-4" type="submit" @click="modalOpen=false">Send</x-forms.button>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user