From 7a1401a111db4f9ed5d12def42dd210b59d9bd6c Mon Sep 17 00:00:00 2001 From: "Rodrigo D. Lopez" <19981369+RodrigoDLopez@users.noreply.github.com> Date: Wed, 13 Jul 2022 01:31:30 -0300 Subject: [PATCH] changes logo when risezes the page (#6504) Co-authored-by: Lopez --- ui/public/assets/mini-logo.svg | 221 ++++++++++++++++++++++++++++ ui/public/config.json | 4 + ui/src/components/header/Logo.vue | 40 ++--- ui/src/components/menu/SideMenu.vue | 3 +- 4 files changed, 242 insertions(+), 26 deletions(-) create mode 100644 ui/public/assets/mini-logo.svg diff --git a/ui/public/assets/mini-logo.svg b/ui/public/assets/mini-logo.svg new file mode 100644 index 00000000000..72b4df7224b --- /dev/null +++ b/ui/public/assets/mini-logo.svg @@ -0,0 +1,221 @@ + + + +Created with Fabric.js 3.6.3 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + TM + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/ui/public/config.json b/ui/public/config.json index 912cbf2a31b..82d7c9adff2 100644 --- a/ui/public/config.json +++ b/ui/public/config.json @@ -12,6 +12,7 @@ "footer": "Licensed under the Apache License, Version 2.0.", "loginFooter": "", "logo": "assets/logo.svg", + "minilogo": "assets/mini-logo.svg", "banner": "assets/banner.svg", "error": { "403": "assets/403.png", @@ -21,6 +22,7 @@ "theme": { "@layout-mode": "light", "@logo-background-color": "#ffffff", + "@mini-logo-background-color": "#ffffff", "@navigation-background-color": "#ffffff", "@project-nav-background-color": "#001529", "@project-nav-text-color": "rgba(255, 255, 255, 0.65)", @@ -43,6 +45,8 @@ "@box-shadow-base": "0 2px 8px rgba(0, 0, 0, 0.15)", "@logo-width": "256px", "@logo-height": "64px", + "@mini-logo-width": "80px", + "@mini-logo-height": "64px", "@banner-width": "700px", "@banner-height": "110px", "@error-width": "256px", diff --git a/ui/src/components/header/Logo.vue b/ui/src/components/header/Logo.vue index ca67959230d..d474b6303fa 100644 --- a/ui/src/components/header/Logo.vue +++ b/ui/src/components/header/Logo.vue @@ -16,15 +16,21 @@ // under the License. @@ -44,28 +50,12 @@ export default { type: Boolean, default: true, required: false + }, + collapsed: { + type: Boolean, + default: false, + required: false } } } - - diff --git a/ui/src/components/menu/SideMenu.vue b/ui/src/components/menu/SideMenu.vue index a3fc875dca5..d370f6e1c89 100644 --- a/ui/src/components/menu/SideMenu.vue +++ b/ui/src/components/menu/SideMenu.vue @@ -22,7 +22,8 @@ collapsible v-model:collapsed="isCollapsed" :trigger="null"> - +