Making text areas use monospaced font and disabling spellcheck by default
This commit is contained in:
@@ -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 ? 'true' : '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"
|
||||||
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>
|
||||||
|
Reference in New Issue
Block a user