Make playlist selector look more selectable (cursor: pointer)

PikachuEXE · Nov 1, 2023 · d321aec · d321aec
1 parent 976f6c7
commit d321aec
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.css b/src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.css
@@ -43,3 +43,8 @@
 
   overflow-y: scroll;
 }
+
+.playlist-selector-container {
+  /* Make them look selectable */
+  cursor: pointer;
+}
diff --git a/src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.vue b/src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.vue
@@ -33,15 +33,19 @@
     />
     <div class="playlists-container">
       <ft-flex-box>
-        <ft-playlist-selector
+        <div
           v-for="(playlist, index) in activePlaylists"
           :key="playlist._id"
-          :tabindex="tabindex"
-          :data="playlist"
-          :index="index"
-          :selected="selectedPlaylistIdList.includes(playlist._id)"
-          @selected="countSelected(playlist._id)"
-        />
+          class="playlist-selector-container"
+        >
+          <ft-playlist-selector
+            :tabindex="tabindex"
+            :data="playlist"
+            :index="index"
+            :selected="selectedPlaylistIdList.includes(playlist._id)"
+            @selected="countSelected(playlist._id)"
+          />
+        </div>
       </ft-flex-box>
     </div>
     <div class="actions-container">