Fixed cotact typo

AlvaroMartinezQ · Jul 23, 2022 · 47256d9 · 47256d9
1 parent 8dd0dea
commit 47256d9
Showing 1 changed file with 10 additions and 46 deletions.
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
@@ -4,49 +4,20 @@
       <div class="row gradient_style"></div>
       <q-toolbar>
         <q-toolbar-title class="row align-center justify-center">
-          <q-tabs
-            v-model="current_tab"
-            class="text-secondary"
-            inline-label
-            v-if="!$q.platform.is.mobile"
-          >
-            <q-tab
-              v-for="tab in tabs"
-              v-bind:key="tab.name"
-              :name="tab.name"
-              :icon="tab.icon"
-              :label="tab.label"
-            />
+          <q-tabs v-model="current_tab" class="text-secondary" inline-label v-if="!$q.platform.is.mobile">
+            <q-tab v-for="tab in tabs" v-bind:key="tab.name" :name="tab.name" :icon="tab.icon" :label="tab.label" />
           </q-tabs>
-          <q-btn-dropdown
-            color="secondary"
-            label="Links"
-            size="sm"
-            text-color="black"
-            v-else
-          >
+          <q-btn-dropdown color="secondary" label="Links" size="sm" text-color="black" v-else>
             <q-list>
-              <q-item
-                v-for="tab in tabs"
-                v-bind:key="tab.name"
-                clickable
-                v-close-popup
-                @click="current_tab = tab.name"
-              >
+              <q-item v-for="tab in tabs" v-bind:key="tab.name" clickable v-close-popup @click="current_tab = tab.name">
                 <q-item-section>
                   <q-item-label>{{ tab.label }}</q-item-label>
                 </q-item-section>
               </q-item>
             </q-list>
           </q-btn-dropdown>
-          <q-toggle
-            v-model="dark_mode"
-            :color="dark_mode ? 'black' : 'white'"
-            :icon="dark_mode ? 'dark_mode' : 'light_mode'"
-            @click="$q.dark.set(dark_mode)"
-            keep-color
-            size="md"
-          />
+          <q-toggle v-model="dark_mode" :color="dark_mode ? 'black' : 'white'"
+            :icon="dark_mode ? 'dark_mode' : 'light_mode'" @click="$q.dark.set(dark_mode)" keep-color size="md" />
         </q-toolbar-title>
       </q-toolbar>
     </q-header>
@@ -58,16 +29,8 @@
         <q-space></q-space>
         Copyright &copy; {{ new Date().getFullYear() }} AMQ. All rights reserved
         <q-space></q-space>
-        <q-btn
-          href="https://github.com/AlvaroMartinezQ/myonlinecv"
-          label="Codebase"
-          color="secondary"
-          class="q-mr-sm q-pa-xs"
-          icon="code"
-          target="_blank"
-          size="sm"
-          flat
-        ></q-btn>
+        <q-btn href="https://github.com/AlvaroMartinezQ/myonlinecv" label="Codebase" color="secondary"
+          class="q-mr-sm q-pa-xs" icon="code" target="_blank" size="sm" flat></q-btn>
       </div>
     </q-footer>
   </q-layout>
@@ -90,7 +53,7 @@ const tabs = ref([
   { name: 'home', icon: 'home', label: 'Home' },
   { name: 'about', icon: 'face', label: 'About' },
   { name: 'projects', icon: 'topic', label: 'Projects' },
-  { name: 'contact', icon: 'alternate_email', label: 'contact' },
+  { name: 'contact', icon: 'alternate_email', label: 'Contact' },
 ]);
 
 watch(current_tab, (new_val) => {
@@ -107,6 +70,7 @@ watch(current_tab, (new_val) => {
   background: linear-gradient(139deg, #fb8817, #ff4b01, #c12127, #e02aff);
   height: 5px;
 }
+
 .header_selected_button {
   border-bottom-color: #000000;
   border-bottom-style: solid;