Devscamp.net
Personalizar notificaciones en Laravel.

Personalizar notificaciones en Laravel.

8 de ene. de 2021

Dejo este pequeño tip para personalizar las plantillas de las notificaciones en Laravel.

Primero debemos publicar los archivos de las notificaciones:

php artisan vendor:publish --tag=laravel-notifications
Enter fullscreen mode Exit fullscreen mode

Ahora en "resources/views/vendor", ahí podremos editar la plantilla del markdown.

Personalizar los colores

Si necesito personalizar los colores u otras reglas CSS de la plantilla, Laravel nos provee un comando para publicar estos assets:

php artisan vendor:publish --tag=laravel-mail
Enter fullscreen mode Exit fullscreen mode

Ahora en "resources/views/vendor/mail/html/themes/default.css" podremos personalizar los estilos de CSS.

Algunos tips:

  • Para personalizar el enlace del header:
.header a {
    color: #3d4852;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
}
Enter fullscreen mode Exit fullscreen mode
  • Para personalizar el boton "primary":
.button-primary {
    background-color: #2d3748;
    border-bottom: 8px solid #2d3748;
    border-left: 18px solid #2d3748;
    border-right: 18px solid #2d3748;
    border-top: 8px solid #2d3748;
}
Enter fullscreen mode Exit fullscreen mode

También puedes personalizar la acción de "error" y "success", justo abajo.

Espero sea de utilidad, saludos!