feat: fixed various vuetify components, add new wordings wherever req…

…uired
tks18 · Feb 22, 2022 · 175fb86 · 175fb86
1 parent 1de55c1
commit 175fb86
Show file tree

Hide file tree

Showing 7 changed files with 46 additions and 47 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <v-app id="app has-navbar-fixed-top">
     <navDrawer />
-    <navbar />
+    <navbar :ismobile="ismobile" />
     <sysBar />
     <Notification group="main" position="top right" />
     <Notification group="worker" position="bottom right" />

diff --git a/src/components/footer.vue b/src/components/footer.vue
@@ -214,7 +214,7 @@ export default {
         link: 'mailto:[email protected]',
       },
       {
-        icon: 'mdi-google-photos',
+        icon: 'mdi-camera',
         title: 'Photography',
         link: 'https://unsplash.com/@shantk18',
       },
@@ -250,8 +250,7 @@ export default {
           type: 'error',
           duration: -100,
           title: 'Backend Error',
-          text:
-            'Error While Connecting to Backend Server. Click the button to check my backup Servers',
+          text: 'Error While Connecting to Backend Server. Click the button to check my backup Servers',
           data: {
             loading: false,
             dark: true,

diff --git a/src/components/nav-bar.vue b/src/components/nav-bar.vue
@@ -18,7 +18,7 @@
           v-on="on"
           @click="routerPush('/')"
         >
-          Shan.tk ✌
+          Shan.tk ✌{{ ismobile ? '' : ' | Chartered Accountant' }}
         </v-toolbar-title>
       </template>
       <span>Sudharshan TK</span>
@@ -38,6 +38,12 @@
 <script>
 export default {
   name: 'NavBar',
+  props: {
+    ismobile: {
+      type: Boolean,
+      default: () => {},
+    },
+  },
   data: () => ({
     github: {
       link: 'https://github.com/tks18',

diff --git a/src/components/nav-drawer.vue b/src/components/nav-drawer.vue
@@ -29,7 +29,7 @@
             (aka Shan.tk)
           </v-list-item-subtitle>
           <v-list-item-subtitle class="text-center non-touch font-weight-light">
-            Web Developer/Aspiring Chartered Accountant
+            Chartered Accountant / Web Developer
           </v-list-item-subtitle>
         </v-list-item-content>
       </v-list-item>
@@ -116,7 +116,7 @@ export default {
         link: '/about-this-project',
       },
       {
-        icon: 'mdi-blogger',
+        icon: 'mdi-post',
         title: 'Blog',
         subtitle: 'My Personal Blog',
         link: '/blog',
@@ -134,7 +134,7 @@ export default {
         link: '/careers',
       },
       {
-        icon: 'mdi-google-photos',
+        icon: 'mdi-camera',
         title: 'Gallery',
         subtitle: 'My Photography Skills',
         link: '/gallery',

diff --git a/src/components/youtube-player.vue b/src/components/youtube-player.vue
@@ -76,6 +76,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    ismobile: {
+      type: Function,
+      default: () => {},
+    },
     video: {
       type: Object,
       default: () => {},

diff --git a/src/views/home/components/hero-component.vue b/src/views/home/components/hero-component.vue
@@ -70,37 +70,33 @@
               "
             >
               <v-row v-if="!ismobile" align="center">
-                <v-col
-                  v-for="(button, index) in heroButtons"
-                  :key="index"
-                  :cols="
-                    index == heroButtons.length - 1
-                      ? index % 2 == 0
-                        ? 12
-                        : 6
-                      : 6
-                  "
-                  :align="
-                    index == heroButtons.length - 1
-                      ? index % 2 == 0
-                        ? 'center'
-                        : 'left'
-                      : index % 2 == 0
-                      ? 'right'
-                      : 'left'
-                  "
-                >
-                  <v-btn
-                    large
-                    elevation="24"
-                    text
-                    raised
-                    outlined
-                    @click="$vuetify.goTo('#' + button.id)"
-                  >
-                    <v-icon> {{ button.icon }} </v-icon>
-                    {{ button.name }}
-                  </v-btn>
+                <v-col cols="8" align="center">
+                  <v-row align="center">
+                    <v-col
+                      v-for="(button, index) in heroButtons"
+                      :key="index"
+                      :cols="
+                        index == heroButtons.length - 1
+                          ? index % 2 == 0
+                            ? 12
+                            : 6
+                          : 6
+                      "
+                      align="center"
+                    >
+                      <v-btn
+                        large
+                        elevation="24"
+                        text
+                        raised
+                        outlined
+                        @click="$vuetify.goTo('#' + button.id)"
+                      >
+                        <v-icon> {{ button.icon }} </v-icon>
+                        {{ button.name }}
+                      </v-btn>
+                    </v-col>
+                  </v-row>
                 </v-col>
               </v-row>
               <v-row v-if="ismobile" align="center">
@@ -177,11 +173,6 @@ export default {
           icon: 'mdi-post-outline',
           id: 'home-blogtitle',
         },
-        {
-          name: 'Some Extras',
-          icon: 'mdi-one-up',
-          id: 'home-astroPicTitle',
-        },
         {
           name: 'Projects',
           icon: 'mdi-projector-screen',

diff --git a/src/views/home/components/stories-component.vue b/src/views/home/components/stories-component.vue
@@ -53,7 +53,7 @@
           }"
           :width="ismobile ? 225 : 250"
           :height="ismobile ? 300 : 325"
-          @click="gotoUrl(site.site + story.link)"
+          @click="gotoUrl(`${site}${story.link}`)"
         >
           <v-card-text class="inherit-height-responsive">
             <v-row align="start" justify="start" class="back-blur-no-inherit">
@@ -126,8 +126,7 @@ export default {
           type: 'error',
           duration: 5000,
           title: 'Stories Error',
-          text:
-            'Error While Getting Stories from the Server. Please Reload the Website to Get the Data',
+          text: 'Error While Getting Stories from the Server. Please Reload the Website to Get the Data',
           data: {
             loading: false,
             dark: true,