mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2025-03-14 03:59:53 +03:00
Code Issues Projects Releases Packages Wiki Activity

perf(TorrentCard): Darken selected item background (#1215)

Browse source
This commit is contained in:
Rémi Marseault 2023-10-28 14:28:29 +02:00 • committed by GitHub
parent 44fd8d3861
commit 8214a0ebd4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Dashboard/Torrent.vue
View file

@ -64,7 +64,7 @@ const isTorrentSelected = computed(() => dashboardStore.isTorrentInSelection(pro
</script>
<template>
<v-card :class="`sideborder ${torrent.state} pointer`" :color="isTorrentSelected ? `torrent-${torrent.state}` : undefined" width="100%" @click="onClick">
<v-card :class="`sideborder ${torrent.state} pointer`" :color="isTorrentSelected ? `torrent-${torrent.state}-darken-3` : undefined" width="100%" @click="onClick">
<v-card-title class="font-weight-bold">{{ torrent.name }}</v-card-title>
<v-card-text>
<div class="d-flex gap flex-wrap">

5
src/plugins/vuetify.ts
View file

@ -83,6 +83,11 @@ export default createVuetify({
},
theme: {
defaultTheme: Theme.LIGHT,
variations: {
colors: ['torrent-error', 'torrent-missingFiles', 'torrent-uploading', 'torrent-forcedUP', 'torrent-pausedUP', 'torrent-queuedUP', 'torrent-stalledUP', 'torrent-checkingUP', 'torrent-allocating', 'torrent-downloading', 'torrent-forcedDL', 'torrent-metaDL', 'torrent-pausedDL', 'torrent-queuedDL', 'torrent-stalledDL', 'torrent-checkingDL', 'torrent-checkingResumeData', 'torrent-moving', 'torrent-unknown'],
lighten: 3,
darken: 3
},
themes: {
lightTheme,
darkTheme