feat: drawer on right side #276

VueTorrent · Aug 14, 2021 · a18bded · a18bded
1 parent 42afd92
commit a18bded
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/src/components/Modals/SettingsModal/Tabs/Vuetorrent/General.vue b/src/components/Modals/SettingsModal/Tabs/Vuetorrent/General.vue
@@ -82,6 +82,19 @@
         </v-col>
       </v-row>
     </v-list-item>
+    <v-list-item>
+      <v-row dense>
+        <v-col>
+          <v-switch
+            v-model="rightDrawer"
+            class="v-input--reverse pa-0 ma-0"
+            hide-details
+            inset
+            label="Right Drawer"
+          />
+        </v-col>
+      </v-row>
+    </v-list-item>
     <v-list-item>
       <v-row dense>
         <v-col cols="8" sm="8" md="10">
@@ -220,6 +233,14 @@ export default {
         this.webuiSettings.useDeviceDarkMode = val
       }
     },
+    rightDrawer: {
+      get() {
+        return this.webuiSettings.rightDrawer
+      },
+      set(val) {
+        this.webuiSettings.rightDrawer = val
+      }
+    },
     paginationSize: {
       get() {
         return this.webuiSettings.paginationSize

diff --git a/src/components/Navbar/Navbar.vue b/src/components/Navbar/Navbar.vue
@@ -34,6 +34,7 @@
       width="256"
       height="100%"
       disable-resize-watcher
+      :right="webuiSettings.rightDrawer"
     >
       <v-card
         v-if="status"

diff --git a/src/store/index.js b/src/store/index.js
@@ -59,6 +59,7 @@ export default new Vuex.Store({
       showSpeedInTitle: false,
       title: 'Default',
       useDeviceDarkMode: true,
+      rightDrawer: false,
       paginationSize: 15,
       busyTorrentProperties: [
         { name: 'Size', active: true },