Re: [I] Make superset-logo-horiz.png bigger [superset]

[via GitHub]

dosubot[bot] commented on issue #30933:
URL: https://github.com/apache/superset/issues/30933#issuecomment-2478694836

   <!-- Answer -->
   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.
   
   ```ts
   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.
   
   
   <!-- Dosu Comment Footer -->
   *To continue talking to [Dosu](https://dosu.dev), mention @dosu.*
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscr...@superset.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscr...@superset.apache.org
For additional commands, e-mail: notifications-h...@superset.apache.org