From 8f8d3dbb765d950baa9c5e7654a356e2d300ed28 Mon Sep 17 00:00:00 2001
From: m4ximuel <54457152+m4ximuel@users.noreply.github.com>
Date: Thu, 22 Apr 2021 21:12:56 +0900
Subject: [PATCH] feat: New select mode color

---
 src/components/Torrent/DesktopCard.vue | 4 ----
 src/components/Torrent/MobileCard.vue  | 8 +-------
 src/components/Torrent/Torrent.vue     | 5 ++++-
 3 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/components/Torrent/DesktopCard.vue b/src/components/Torrent/DesktopCard.vue
index dd3227515a..ffae9d45c4 100644
--- a/src/components/Torrent/DesktopCard.vue
+++ b/src/components/Torrent/DesktopCard.vue
@@ -3,7 +3,6 @@
     row
     wrap
     class="ma-0 px-4 py-2 ml-0 "
-    :class="style"
   >
     <v-flex xs12>
       <div class="caption grey--text">
@@ -41,9 +40,6 @@ export default {
       }
 
       return this.getWebuiSettings().busyTorrentProperties.filter(i => i.active)
-    },
-    style() {
-      return `sideborder ${this.torrent.state.toLowerCase()} ${this.isSelected ? 'selected' : ''}`
     }
   }
 }
diff --git a/src/components/Torrent/MobileCard.vue b/src/components/Torrent/MobileCard.vue
index 39c3650bb2..5dc67b69e3 100644
--- a/src/components/Torrent/MobileCard.vue
+++ b/src/components/Torrent/MobileCard.vue
@@ -3,7 +3,6 @@
     row
     wrap
     class="ma-0 pa-1"
-    :class="style"
   >
     <v-flex xs12 class="ma-1" row>
       <span class="subtitle-1" style="line-height: 1.3em; font-size: .95em !important;">
@@ -87,11 +86,6 @@ export default {
   },
   data: () => ({
     mdiChevronUp, mdiChevronDown
-  }),
-  computed: {
-    style() {
-      return `sideborder ${this.torrent.state.toLowerCase()} ${this.isSelected ? 'selected' : ''}`
-    }
-  }
+  })
 }
 </script>
\ No newline at end of file
diff --git a/src/components/Torrent/Torrent.vue b/src/components/Torrent/Torrent.vue
index d5edea0f23..aed17f22f0 100644
--- a/src/components/Torrent/Torrent.vue
+++ b/src/components/Torrent/Torrent.vue
@@ -1,7 +1,7 @@
 <template>
   <v-card
     class="pointer noselect elevation-0 rounded-0 ma-0 pa-0"
-    :class="isSelected ? 'info' : ''"
+    :class="style"
   >
     <v-layout
       @click="evtClicnk"
@@ -33,6 +33,9 @@ export default {
     ...mapState(['selected_torrents', 'selectMode']),
     isSelected() {
       return this.selected_torrents.includes(this.torrent.hash)
+    },
+    style() {
+      return `sideborder ${this.torrent.state.toLowerCase()} ${this.isSelected ? 'v-chip' : ''}`
     }
   },
   methods: {