fix(admin-ui): Fix top left logo when using setBranding

Relates to #2225
vendure-ecommerce · Jul 13, 2023 · 120a0bb · 120a0bb
1 parent 70ee7b2
commit 120a0bb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/ui-devkit/scaffold/angular.json b/packages/ui-devkit/scaffold/angular.json
@@ -40,7 +40,7 @@
               "src/assets",
               "src/i18n-messages",
               {
-                "glob": "logo-*.png",
+                "glob": "logo-*.*",
                 "input": "static-assets",
                 "output": "assets"
               }

diff --git a/packages/ui-devkit/src/compiler/helpers.ts b/packages/ui-devkit/src/compiler/helpers.ts
@@ -10,7 +10,9 @@ import { BrandingOptions, StaticAssetDefinition, StaticAssetExtension } from './
  *   outputPath: path.join(__dirname, '../admin-ui'),
  *   extensions: [
  *     setBranding({
+ *       // This is used as the branding in the top-left above the navigation
  *       smallLogoPath: path.join(__dirname, 'images/my-logo-sm.png'),
+ *       // This is used on the login page
  *       largeLogoPath: path.join(__dirname, 'images/my-logo-lg.png'),
  *       faviconPath: path.join(__dirname, 'images/my-favicon.ico'),
  *     }),
@@ -26,13 +28,13 @@ export function setBranding(options: BrandingOptions): StaticAssetExtension {
     if (options.smallLogoPath) {
         staticAssets.push({
             path: options.smallLogoPath,
-            rename: 'logo-75px.png',
+            rename: 'logo-top.webp',
         });
     }
     if (options.largeLogoPath) {
         staticAssets.push({
             path: options.largeLogoPath,
-            rename: 'logo-300px.png',
+            rename: 'logo-login.webp',
         });
     }
     if (options.faviconPath) {