diff --git a/src/widgets/torrent/TorrentQueueItem.tsx b/src/widgets/torrent/TorrentQueueItem.tsx index 7750711cf..48d73a1ee 100644 --- a/src/widgets/torrent/TorrentQueueItem.tsx +++ b/src/widgets/torrent/TorrentQueueItem.tsx @@ -47,7 +47,7 @@ export const BitTorrrentQueueItem = ({ torrent, width, app }: TorrentQueueItemPr const uploadSpeed = torrent.uploadSpeed / 1024 / 1024; const size = torrent.totalSelected; return ( - + @@ -235,4 +235,7 @@ const useStyles = createStyles(() => ({ noTextBreak: { whiteSpace: 'nowrap', }, + transparentBackground: { + backgroundColor: 'transparent !important', + }, })); diff --git a/src/widgets/torrent/TorrentTile.tsx b/src/widgets/torrent/TorrentTile.tsx index b262eab0d..d5fa11c9a 100644 --- a/src/widgets/torrent/TorrentTile.tsx +++ b/src/widgets/torrent/TorrentTile.tsx @@ -17,6 +17,7 @@ import dayjs from 'dayjs'; import duration from 'dayjs/plugin/duration'; import relativeTime from 'dayjs/plugin/relativeTime'; import { useTranslation } from 'next-i18next'; +import { useCardStyles } from '~/components/layout/useCardStyles'; import { MIN_WIDTH_MOBILE } from '../../constants/constants'; import { NormalizedDownloadQueueResponse } from '../../types/api/downloads/queue/NormalizedDownloadQueueResponse'; @@ -70,6 +71,7 @@ interface TorrentTileProps { function TorrentTile({ widget }: TorrentTileProps) { const { t } = useTranslation('modules/torrents-status'); const { width, ref } = useElementSize(); + const { classes } = useCardStyles(true); const { data, @@ -158,7 +160,7 @@ function TorrentTile({ widget }: TorrentTileProps) { ))} {filteredTorrents.length !== torrents.length && ( - + MIN_WIDTH_MOBILE ? 6 : 3}>