Logo

En versión desktop se muestra un logo personalizado en la parte superior del sidebar.
En versión mobile se muestra en el menú lateral que se accede a través del icono hamburguesa.

Por defecto, el sistema espera un archivo llamado logo.png en public/backoffice/img.

El nombre puede ser modificado mediante el archivo de configuración.
Si previamente no ha sido publicado, puede publicarse mediante el comando:

php artisan vendor:publish --tag=backoffice-config

// config/backoffice.php
return [
    'logo' => 'logo.png',
    'name' => 'Admin',
    'prefix' => 'admin',
    'app_folder' => 'Backoffice',
    'middleware' => ['web'],
    'css' => [],
    'js' => []
];

Personalizar vista

En caso de necesitar una total personalización del logo, por ejemplo, para añadir código HTML adicional junto al logo o cualquier otra funcionalidad, se puede sobreescribir creando un archivo logo.blade.php en la carpeta resources/views/vendor/backoffice:

<!-- resources/views/vendor/backoffice/logo.blade.php -->
<x-icon name="settings-2-line" />
Backoffice

Estilos CSS

Debido a limitaciones en Laravel Blade, no es posible añadir un stack con código CSS en la vista personalizada del logo.
En su lugar, ese código CSS puede ir en un archivo CSS custom (Ver sección CSS).

// config/backoffice.php
return [
    'logo' => 'logo.png',
    'name' => 'Admin',
    'prefix' => 'admin',
    'app_folder' => 'Backoffice',
    'middleware' => ['web'],
    'css' => [
        'backoffice/css/logo.css'
    ],
    'js' => []
];

/* public/backoffice/css/logo.css */
nav#sidebar #logo {
    color: #999;
    flex-direction: column;
    justify-content: space-between;
    font-size: .9rem;
    text-transform: uppercase;
}

nav#sidebar #logo .icon {
    color: white;
    font-size: 1.4rem;
    margin-bottom: 8px;
}