Problem with default emails after installing this package

[jcerdan]

Hi,

I have installed this package on Laravel 11.x with Livewire and Fluxui. After installing it, default emails for password recovery for example have bad css. Buttons doesn't appear and sometimes text is unreadable.

I could solve major issues setting prefix to another value to not conflict with default Laravel prefix.

// Mail Components prefix (E.g. <x-mail-button>).
'prefix'     => 'othervalue',

But buttons doesn't appear as you can see in the image:

Any ideas on how to solve this?

Regards

[BJNSTNKVC]

Hello Jordi, thanks for showing interest in the library.

Have you cleared application cache after changin the prefix by running php artisan cache:clear?

[jcerdan]

Hello Bojan,

Yes, I have run php artisan cache:clear and php artisan view:clear

But still button does not appear...

?¿?¿

[BJNSTNKVC]

Can you share the contents of the following files:

1. mails_config.php
2. Mailable class
3. Mailable blade.php
4. Button class (if you have published it)
5. Button blade.php (if you have published it)

It would be even better if you can create a repo in which you can reproduce the issue and add me so I can pull it and see what's happening.

[jcerdan]

Hi Bojan,

here's the mail_components.php. Mail are sent by SMTp, and config/mail.php has not been changed. About Mailable class it's default reset password Laravel Mail. No mail or notifications componenst have been published.

<?php

return [

    /*
    |--------------------------------------------------------------------------
    | Mail Components
    |--------------------------------------------------------------------------
    |
    | Here you may specify which components you would like to use as well
    | as their default behaviours.
    |
    */

    // List of all Components that are going to be loaded. Feel free to comment out the components you don't need.
    'components' => [
        'button'   => Bjnstnkvc\MailComponents\View\Components\Mail\Button::class,
        'content'  => Bjnstnkvc\MailComponents\View\Components\Mail\Content::class,
        'footer'   => Bjnstnkvc\MailComponents\View\Components\Mail\Footer::class,
        'grid'     => Bjnstnkvc\MailComponents\View\Components\Mail\Grid::class,
        'header'   => Bjnstnkvc\MailComponents\View\Components\Mail\Header::class,
        'hero'     => Bjnstnkvc\MailComponents\View\Components\Mail\Hero::class,
        'image'    => Bjnstnkvc\MailComponents\View\Components\Mail\Image::class,
        'layout'   => Bjnstnkvc\MailComponents\View\Components\Mail\Layout::class,
        'new-line' => Bjnstnkvc\MailComponents\View\Components\Mail\NewLine::class,
        'subcopy'  => Bjnstnkvc\MailComponents\View\Components\Mail\Subcopy::class,
        'table'    => Bjnstnkvc\MailComponents\View\Components\Mail\Table::class,
    ],

    // Mail Components prefix (E.g. <x-mail-button>).
    'prefix'     => 'tcbmail',

    // Mail Components separator (E.g. <x-mail::button>).
    'separator'  => '::',

    // Mail Layout component settings.
    'layout'     => [
        //'font_link'   => 'https://fonts.googleapis.com/css2?family=Roboto&display=swap',
        'font_family' => 'Roboto',
        'background'  => '#F2F2F2',
    ],

    // Mail Header component settings.
    'header'     => [
        'show'    => true,
        'app_url' => config('app.url'),
        'logo'    => '<path_to_public_logo>',
        'width'   => 262,
        'height'  => 75,
    ],

    // Mail Footer component info.
    'footer'     => [
        'show'           => true,
        'show_copyright' => true,
        'address'        => true,
        'city'           => true,
        'state'          => true,
        'zip'            => true,
        'phone'          => true,
    ],

    // Mail Content component settings.
    'content'    => [
        'background' => 'transparent',
    ],

    // Mail Grid component settings.
    'grid'       => [
        'background' => 'transparent',
        'spacing'    => 'top, bottom',
    ],

    // Mail Hero component settings.
    'hero'       => [
        'background' => 'transparent',
        'height'     => 400,
    ],

    // Mail Subcopy component settings.
    'subcopy'    => [
        'background' => 'transparent',
    ],

    // Mail Table component settings.
    'table'      => [
        'row_index'         => false,
        'background'        => 'rgba(255, 255, 255, 1)',
        'header_background' => 'rgba(115, 111, 110, 0.15)',
    ],

    // Mail Image component settings.
    'image'      => [
        'is_responsive' => false,
        'as_section'    => true,
    ],

    // Mail Button component settings.
    'button'     => [
        'width'  => 200,
        'height' => 40,
        'color'  => 'black',
    ],

    // Mail New Line component settings.
    'new_line'   => [
        'height'     => 16,
        'background' => 'transparent',
    ],
];

I suspect that maybe fluxui, wireui and tailwind with your css are somehow making an explosive melting pot here. I'll try to install a clean Laravel with your package and see what happens. Then I will add progressively other packages and see which one causes this.

Thanks,