From e01f6feb64efc9d9f21acfceac05ae7529900369 Mon Sep 17 00:00:00 2001
From: tks18 <tksudharshan@gmail.com>
Date: Fri, 1 Apr 2022 20:58:46 +0530
Subject: [PATCH] fix(routes): remove blog from routes, introduce more helper
 css and misc changes

---
 src/router/routes.js                                 |  5 -----
 src/styles/helpers.scss                              |  9 +++++++++
 src/views/home/components/common/title-component.vue | 12 ++++++++++--
 src/views/home/components/stories-component.vue      |  4 ----
 4 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/router/routes.js b/src/router/routes.js
index 9d51b98..e9d3ead 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -8,11 +8,6 @@ const routes = [
     name: 'Home',
     component: _import('home'),
   },
-  {
-    path: '/blog',
-    name: 'Blog',
-    component: _import('blog'),
-  },
   {
     path: '/careers',
     name: 'Careers',
diff --git a/src/styles/helpers.scss b/src/styles/helpers.scss
index 887f373..e5b4271 100644
--- a/src/styles/helpers.scss
+++ b/src/styles/helpers.scss
@@ -28,8 +28,17 @@
   height: inherit;
 }
 
+.transition-blur {
+  transition: backdrop-filter 0.2s ease-in;
+}
+
 .back-blur-light {
   backdrop-filter: blur(1px) grayscale(0.4);
+  height: inherit;
+}
+
+.back-blur-light-no-inherit {
+  backdrop-filter: blur(1px) grayscale(0.4);
 }
 
 .back-blur-hard-no-inherit {
diff --git a/src/views/home/components/common/title-component.vue b/src/views/home/components/common/title-component.vue
index c889708..4143ccb 100644
--- a/src/views/home/components/common/title-component.vue
+++ b/src/views/home/components/common/title-component.vue
@@ -9,7 +9,7 @@
       'non-touch point-cursor text-capitalize' +
       ($vuetify.theme.dark ? ' underhover-light' : ' underhover-dark')
     "
-    @click="link !== '/' && $router.push(link)"
+    @click="link !== '/' && (outside ? gotoUrl(link) : $router.push(link))"
   >
     {{ title }} <v-icon :large="large">mdi-arrow-{{ arrow }}-circle</v-icon>
   </div>
@@ -31,6 +31,10 @@ export default {
       type: String,
       default: 'right',
     },
+    outside: {
+      type: Boolean,
+      default: false,
+    },
     center: {
       type: Boolean,
       default: false,
@@ -48,6 +52,10 @@ export default {
       default: '/',
     },
   },
-  data: () => ({}),
+  data: () => ({
+    gotoUrl: (url) => {
+      window.open(url);
+    },
+  }),
 };
 </script>
diff --git a/src/views/home/components/stories-component.vue b/src/views/home/components/stories-component.vue
index d7fdce5..916aa06 100644
--- a/src/views/home/components/stories-component.vue
+++ b/src/views/home/components/stories-component.vue
@@ -11,10 +11,6 @@
           :darker="false"
         />
       </v-col>
-      <v-col align="end" justify="start" class="mr-4">
-        <v-btn icon color="primary"><v-icon>mdi-arrow-left</v-icon></v-btn>
-        <v-btn icon color="primary"><v-icon>mdi-arrow-right</v-icon></v-btn>
-      </v-col>
     </v-row>
     <div
       v-if="loading"