feat: remove zoom setting (useless)

Rule-34 · Jul 15, 2020 · cbcd97b · cbcd97b
1 parent 1348ff1
commit cbcd97b
Show file tree

Hide file tree

Showing 6 changed files with 2 additions and 41 deletions.
diff --git a/assets/css/general/settingsRelated.css b/assets/css/general/settingsRelated.css
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -16,7 +16,6 @@
 
 /* Styling to classes like .btn, .card etc. should be here */
 
-@import './general/settingsRelated.css';
 @import './general/general.css';
 
 /* 

diff --git a/components/pages/posts/content/Post.vue b/components/pages/posts/content/Post.vue
@@ -1,9 +1,5 @@
 <template>
-  <figure
-    v-if="post"
-    :class="{ zoom: settings.zoom.value }"
-    class="text-center material-container text-default-text"
-  >
+  <figure v-if="post" class="text-center material-container text-default-text">
     <post-media :post="post" @click.native="isActive = !isActive" />
 
     <figcaption class="flex flex-wrap overflow-hidden text-sm">
@@ -15,8 +11,6 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
-
 // Components
 import PostMedia from './PostMedia.vue'
 import PostTags from './PostTags.vue'
@@ -41,9 +35,5 @@ export default {
       isActive: false,
     }
   },
-
-  computed: {
-    ...mapState('user', ['settings']),
-  },
 }
 </script>
diff --git a/components/utils/ContentContainer.vue b/components/utils/ContentContainer.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- Loop for every info container -->
-  <article class="material-container" :class="{ zoom: settings.zoom.value }">
+  <article class="material-container">
     <!-- If separator -->
     <template v-if="separator">
       <div class="p-3 bg-gradient-blue-lilac">

diff --git a/pages/about.vue b/pages/about.vue
@@ -1,7 +1,6 @@
 <template>
   <main class="flex h-screen p-3">
     <a
-      :class="{ zoom: settings.zoom.value }"
       href="https://akbal.dev/"
       target="_blank"
       rel="noopener"
@@ -34,11 +33,7 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
-
 export default {
-  computed: mapState('user', ['settings']),
-
   head() {
     return {
       title: 'About',

diff --git a/store/user/index.js b/store/user/index.js
@@ -37,16 +37,6 @@ export const state = () => ({
       defaultValue: true,
     },
 
-    // TODO: slider for how much zoom
-    zoom: {
-      name: 'Hover Zoom',
-      description:
-        'Zoom posts when you hover over them, not really useful, but quite amusing.',
-      image: '/img/usage_examples/hover-zoom',
-      value: false,
-      defaultValue: false,
-    },
-
     lazyLoading: {
       name: 'Lazy load',
       description: