whitecube / nova-flexible-content

Flexible Content & Repeater Fields for Laravel Nova
MIT License
788 stars 228 forks source link

Validation errors are not red #408

Open Dartui opened 1 year ago

Dartui commented 1 year ago

Nova version: 4.14.3 Package version: v1.0.5

Hello and first of all - thanks for great package!

I have small issue with validation of Flexible field. I've created field like that:

Flexible::make('Payload')->preset(PayloadPreset::class)
    ->rules('required'),

and when I click "Create" button without adding any layout I am getting error, but it is dark instead of red.

obraz

Classes of "red" error message:

help-text mt-2 help-text-error

Classes of "dark" error message:

help-text error-text mt-2 text-danger
KenHuangTW commented 6 months ago

Hi, sorry for being late. First, let's go to /vendor/whitecube/nova-flexible-content/resources/js/components/FullWidthField.vue Then find:

<span v-if="field.required" class="text-danger text-sm">{{
                        __('*')
                    }}</span>
...
<help-text
                class="error-text mt-2 text-danger"
                v-if="showErrors && hasError"
            >

Change to:

<span v-if="field.required" class="text-red-500 text-sm">{{
                        __('*')
                    }}</span>
...
<help-text
                class="help-text help-text-error"
                v-if="showErrors && hasError"
            >

This works for me. I hope it helps you too.

Dartui commented 6 months ago

@KenHuangTW you should not change files inside vendor directory, they will be overwritten on the package update. Thanks for the efforts though