FOUR-13376:Type of letter of the square’s title are not the same as figma in Designer Welcome Screen

Author: fagubla

resources/js/processes/designer/Assets.vue

@@ -4,7 +4,7 @@
     class="assets mb-3"
   >
     <b-navbar type="faded">
-      <b-navbar-brand class="text-uppercase">
+      <b-navbar-brand class="title-designer">
         {{ $t("Assets") }}
       </b-navbar-brand>
     </b-navbar>

resources/js/processes/designer/MyProject.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="project mt-3">
     <b-navbar type="faded">
-      <b-navbar-brand class="text-uppercase">
+      <b-navbar-brand class="title-designer">
         {{ $t("My Projects") }}
       </b-navbar-brand>
       <b-navbar-nav align="end">
@@ -45,7 +45,7 @@
 </template>
 
 <script>
-import ProjectsLastModifiedListing from './ProjectsLastModifiedListing';
+import ProjectsLastModifiedListing from "./ProjectsLastModifiedListing.vue";
 
 Vue.component("ProjectsLastModifiedListing", ProjectsLastModifiedListing);
 

resources/js/processes/designer/RecentAssets.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="project">
     <b-navbar type="faded">
-      <b-navbar-brand class="text-uppercase">
+      <b-navbar-brand class="title-designer">
         {{ $t("RECENT ASSETS") }}
       </b-navbar-brand>
       <div class="d-flex" align="end">
@@ -82,7 +82,7 @@
 </template>
 
 <script>
-import RecentAssetsList from './RecentAssetsList.vue';
+import RecentAssetsList from "./RecentAssetsList.vue";
 
 Vue.component("RecentAssetsList", RecentAssetsList);
 

resources/sass/app.scss

@@ -996,4 +996,14 @@ nav {
 #processWizard___BV_modal_body_ .card {
   background-color: inherit;
   border: none;
-}
+}
+
+.title-designer {
+  color: var(--Black-for-icons, #57646F);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  letter-spacing: -0.28px;
+  text-transform: uppercase;
+}