add yunite logo and branding scss file

webapp/assets/styles/imports/_branding.scss

@@ -0,0 +1,6 @@
+.header-menu {
+    background-color: #748885;
+}
+.ds-menu-item-link {
+    color: antiquewhite;
+}

webapp/assets/styles/main.scss

@@ -1,3 +1,4 @@
+@import './imports/_branding.scss';
 @import './imports/_tooltip.scss';
 @import './imports/_toast.scss';
 

webapp/components/Logo/Logo.vue

@@ -59,7 +59,7 @@ export default {
   },
   data() {
     const logosObject = {
-      header: { path: logos.LOGO_HEADER_PATH, alt: 'Header', widthDefault: '130px' },
+      header: { path: logos.LOGO_HEADER_PATH, alt: 'Header', widthDefault: '47px' },
       welcome: { path: logos.LOGO_WELCOME_PATH, alt: 'Welcome', widthDefault: '200px' },
       signup: { path: logos.LOGO_SIGNUP_PATH, alt: 'Sign Up', widthDefault: '200px' },
       logout: { path: logos.LOGO_LOGOUT_PATH, alt: 'Logging Out', widthDefault: '200px' },
@@ -107,7 +107,7 @@ export default {
 }
 
 .ds-logo-svg {
-  width: 130px;
+  width: 47px;
   height: auto;
   fill: #000000;
 }

webapp/components/Logo/style.scss

@@ -11,7 +11,7 @@
 }
 
 .ds-logo-svg {
-  width: 130px;
+  width: 47px;
   height: auto;
   fill: currentColor;
 }

webapp/layouts/default.vue

@@ -4,7 +4,7 @@
       <ds-container class="main-navigation-container" style="padding: 10px 10px">
         <div>
           <ds-flex class="main-navigation-flex">
-            <ds-flex-item :width="{ base: '142px' }">
+            <ds-flex-item :width="{ base: '47px' }">
               <nuxt-link :to="{ name: 'index' }" v-scroll-to="'.main-navigation'">
                 <logo logoType="header" />
               </nuxt-link>
@@ -17,7 +17,7 @@
               <base-button icon="bars" @click="toggleMobileMenuView" circle />
             </ds-flex-item>
             <ds-flex-item
-              :width="{ base: '45%', sm: '45%', md: '45%', lg: show ? 'auto' : '50%' }"
+              :width="{ base: '45%', sm: '45%', md: show ? 'auto' : '45%', lg: show ? 'auto' : '50%' }"
               :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
               style="flex-shrink: 0; flex-grow: 1"
               id="nav-search-box"