fix: searchmodal pagination layout

VueTorrent · Mar 13, 2021 · a9a9aff · a9a9aff
1 parent 6f9a5d5
commit a9a9aff
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 23 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -43,7 +43,7 @@
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/test-utils": "^1.1.3",
     "babel-eslint": "^10.1.0",
-    "eslint": "^7.21.0",
+    "eslint": "^7.22.0",
     "eslint-config-google": "^0.14.0",
     "eslint-plugin-prettier": "^3.3.1",
     "eslint-plugin-vue": "^7.7.0",

diff --git a/src/components/Modals/SearchModal/PluginManager.vue b/src/components/Modals/SearchModal/PluginManager.vue
@@ -5,7 +5,7 @@
     </v-btn>
 
     <v-bottom-sheet
-      v-if="this.$vuetify.breakpoint.smAndDown"
+      v-if="$vuetify.breakpoint.smAndDown"
       v-model="opened"
       scrollable
       inset

diff --git a/src/components/Modals/SearchModal/SearchModal.vue b/src/components/Modals/SearchModal/SearchModal.vue
@@ -42,6 +42,7 @@
         </v-form>
         <perfect-scrollbar>
           <v-data-table
+            id="searchTable"
             :headers="grid.headers"
             :items="search.results"
             :items-per-page="10"
@@ -180,3 +181,18 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+#searchTable  {
+  .v-data-footer {
+    justify-content: center;
+  }
+  .v-data-footer__pagination {
+    margin: 0 8px;
+  }
+
+  .v-select__slot {
+    width: 4em;
+  }
+}
+</style>