Display: Change logo for SVG version and change set height to 40px (no width but assumes 180px) in img tag

assets/vue/components/layout/DashboardLayout.vue

@@ -3,7 +3,7 @@
     <q-header bordered class="bg-white text-grey-8" height-hint="64">
       <q-toolbar>
         <q-toolbar-title v-if="$q.screen.gt.xs" shrink class="row items-center no-wrap">
-          <img style="width:200px" src="/build/css/themes/chamilo/images/header-logo.png" />
+          <img style="height:40px" src="/build/css/themes/chamilo/images/header-logo.svg" />
         </q-toolbar-title>
 
         <q-btn
@@ -359,4 +359,4 @@ export default {
     },
   },
 }
-</script>
+</script>

assets/vue/components/sidebar/Sidebar.vue

@@ -15,7 +15,7 @@
       <div class="flex items-center justify-center mt-4">
         <div class="flex items-center">
           <span class="text-white text-2xl mx-2 font-semibold">
-            <img class="" style="width:200px" src="/build/css/themes/chamilo/images/header-logo.png" />
+            <img style="height:40px" src="/build/css/themes/chamilo/images/header-logo.svg" />
             <img class="hidden w-5" src="/build/css/themes/chamilo/images/avatar.svg" />
           </span>
         </div>
@@ -221,4 +221,4 @@ export default defineComponent({
     }),
   },
 });
-</script>
+</script>

assets/vue/pages/Index.vue

@@ -3,7 +3,7 @@
     <q-header bordered class="bg-white text-grey-8" height-hint="64">
       <q-toolbar>
         <q-toolbar-title v-if="$q.screen.gt.xs" shrink class="row items-center no-wrap">
-          <img style="width:200px" src="/build/css/themes/chamilo/images/header-logo.png" />
+          <img style="height:40px" src="/build/css/themes/chamilo/images/header-logo.svg" />
         </q-toolbar-title>
 
         <q-space />
@@ -50,4 +50,4 @@ export default {
   },
   name: "Index"
 }
-</script>
+</script>