Merge pull request #569 from sahitya-chandra/error-toolbar.vue

Fixed the error related to expected CSS shorthand usage and added a generic font-family in src/components/molecules/Toolbar.vue
ruxailab · Feb 7, 2025 · cbf1b6f · cbf1b6f
2 parents c04592e + 76e2a02
commit cbf1b6f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/molecules/Toolbar.vue b/src/components/molecules/Toolbar.vue
@@ -71,7 +71,7 @@
         <v-btn
           dark
           text
-          style="text-transform: none !important; font: Roboto; font-size: 17px"
+          style="text-transform: none !important; font-family: Roboto, sans-serif; font-size: 17px"
           @click.stop="signOut()"
         >
           {{ $t('buttons.signout') }}
@@ -183,7 +183,7 @@
           </v-btn>
         </template>
         <v-list dense class="ma-0 py-1" style="border-radius: 0px !important">
-          <v-list-item dense style="font-size: 14px; font: Roboto" class="px-2">
+          <v-list-item dense style="font-size: 14px; font-family: Roboto, sans-serif" class="px-2">
             <v-list-item-content>
               <v-list-item-title style="font-weight: bold">
                 {{ $t('buttons.username') }}
@@ -205,7 +205,7 @@
           <div class="divider" />
           <v-list-item
             dense
-            style="font-size: 14px; font: Roboto"
+            style="font-size: 14px; font-family: Roboto, sans-serif"
             class="px-2"
             @click="signOut(), (menu = false)"
           >
@@ -407,7 +407,7 @@ export default {
 <style scoped>
 .console-button {
   font-size: 13px;
-  font: Roboto;
+  font-family: Roboto, sans-serif;
   text-transform: none !important;
   padding: 7px !important;
 }