Make superset-logo-horiz.png bigger

[acolgecen]

I would like to enlarge the superset-logo-horiz.png logo on the Superset UI's frontend.
I understand that the superset_config.py file does not recognize CUSTOM_CSS = "/static/assets/".

Does anyone know the correct way to achieve this?

[dosubot]

To enlarge the superset-logo-horiz.png logo in the Superset UI, you can use custom CSS. Here's how you can achieve this:

1. Inject Custom CSS: Use the injectCustomCss function to apply your custom styles. This function allows you to add CSS directly to the document's head.

import injectCustomCss from 'path/to/injectCustomCss';

const customCss = `
  /* Example CSS to enlarge the logo */
  .navbar-brand img {
    width: 200px; /* Adjust the width as needed */
    height: auto; /* Maintain aspect ratio */
  }
`;

const removeCustomCSS = injectCustomCss(customCss);

// Call removeCustomCSS() if you need to remove the custom styles later

2. CSS Templates: Alternatively, you can create a CSS template using the CssTemplate model in Superset. This allows you to manage and apply styles across the application consistently.

By using these methods, you can customize the size of the logo without modifying the core Superset files.

To continue talking to Dosu, mention @dosu.