fix(routes): remove blog from routes, introduce more helper css and m…

…isc changes
tks18 · Apr 1, 2022 · e01f6fe · e01f6fe
1 parent 7674efe
commit e01f6fe
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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"