Merge pull request #1052 from h3poteto/fix/design/scroll

Fix scrollbar design for preferences and settings

src/renderer/components/Preferences.vue

@@ -74,6 +74,7 @@ export default {
 <style lang="scss" scoped>
 #preferences {
   height: 100%;
+  overflow: auto;
 
   .header {
     text-align: center;

src/renderer/components/Settings.vue

@@ -1,5 +1,5 @@
 <template>
-<el-container id="settings">
+  <el-container id="settings">
     <el-header class="header">
       <el-row>
         <el-col :span="23">
@@ -18,7 +18,8 @@
           class="setting-menu"
           :text-color="primaryColor"
           :background-color="backgroundColor"
-        :router="true">
+          :router="true"
+        >
           <el-menu-item :index="`/${id()}/settings/general`">
             <icon name="cog" class="icon" scale="1.3"></icon>
             <span>{{ $t('settings.general.title') }}</span>
@@ -33,7 +34,7 @@
         <router-view></router-view>
       </el-main>
     </el-container>
-</el-container>
+  </el-container>
 </template>
 
 <script>
@@ -47,18 +48,18 @@ export default {
       backgroundColor: state => state.App.theme.background_color
     })
   },
-  created () {
+  created() {
     this.$store.commit('Settings/changeAccountID', this.id())
     this.$router.push(`/${this.id()}/settings/general`)
   },
   methods: {
-    id () {
+    id() {
       return this.$route.params.id
     },
-    close () {
+    close() {
       this.$router.push(`/${this.id()}/home`)
     },
-    activeRoute () {
+    activeRoute() {
       return this.$route.path
     }
   }
@@ -68,6 +69,7 @@ export default {
 <style lang="scss" scoped>
 #settings {
   height: 100%;
+  overflow: auto;
 
   .header {
     text-align: center;