fix mutes-and-blocks tab

src/components/settings_modal/helpers/vertical_tab_switcher.jsx

@@ -128,10 +128,8 @@ export default {
       const props = slot.props
       if (!props) return
       const active = this.activeIndex === index
-      const classes = ['tab-content-wrapper', active ? '-active' : '-hidden' ]
+      const wrapperClasses = ['tab-content-wrapper', active ? '-active' : '-hidden' ]
-      if (props.fullHeight) {
+
-        classes.push('-full-height')
-      }
       let delayRender = slot.props['delay-render']
       if (delayRender && active) {
         slot.props['delay-render'] = false
@@ -159,13 +157,20 @@ export default {
         </h2>
       )
 
+      const contentClasses = ['tab-content']
+      if (props['full-width']) {
+        contentClasses.push('-full-width')
+      }
+      if (props['full-height']) {
+        contentClasses.push('-full-height')
+      }
       return (
-        <div class={classes} >
+        <div class={wrapperClasses} >
           <div class="tab-mobile-header">
             {header}
           </div>
           <div class="tab-slot-wrapper">
-            <div class={ ['tab-content', props['full-width'] ? '-full-width' : null].join(' ') } >
+            <div class={contentClasses} >
               {renderSlot}
             </div>
           </div>

src/components/settings_modal/helpers/vertical_tab_switcher.scss

@@ -39,6 +39,10 @@
       &.-full-width {
         align-self: stretch;
       }
+
+      &.-full-height {
+        flex: 1;
+      }
     }
 
     .tab-content-label {

src/components/settings_modal/settings_modal_user_content.scss

@@ -1,6 +1,10 @@
 .settings_tab-switcher {
   height: 100%;
 
+  [full-height="true"] {
+    height: 100%
+  }
+
   .setting-item {
     margin: 1em 1em 1.4em;
     padding-bottom: 1.4em;

src/components/settings_modal/settings_modal_user_content.vue

@@ -80,6 +80,7 @@
       icon="eye-slash"
       data-tab-name="mutesAndBlocks"
       :full-width="true"
+      :full-height="true"
     >
       <MutesAndBlocksTab />
     </div>