diff --git a/src/admin/views/layout.ejs b/src/admin/views/layout.ejs index ba9787b..bd896f7 100644 --- a/src/admin/views/layout.ejs +++ b/src/admin/views/layout.ejs @@ -82,6 +82,28 @@ .apex-charts.sparkline { min-height: 50px; } + + /* ====== Logo fix: icon + text inline alignment ====== */ + /* Override the smartapp default that stretches SVG logo to --logo-width (11rem) */ + .app-logo > svg.sa-icon { + width: var(--sa-icon-size, 1.5rem); + height: var(--sa-icon-size, 1.5rem); + min-width: 0; + flex-shrink: 0; + } + .app-logo .logo-text { + white-space: nowrap; + line-height: 1; + font-size: 1.125rem; + } + /* Sidebar logo text: show on full nav, hide on minified */ + .set-nav-minified:not(.set-nav-collapsed) .app-sidebar:not(:hover) .app-logo .logo-text { + display: none; + } + /* Header logo: always show text (logo is hidden in header when sidebar-full) */ + .app-header .app-logo .logo-text { + display: inline; + } diff --git a/src/admin/views/partials/app-header.ejs b/src/admin/views/partials/app-header.ejs index 2100867..e1d43fe 100644 --- a/src/admin/views/partials/app-header.ejs +++ b/src/admin/views/partials/app-header.ejs @@ -1,9 +1,9 @@
- -
+ + <%- include('./app-logo') %> - - <%- include('./app-logo') %> + +
- -