From 1b9203f8ead8bb7dfceb648b7560627beba7689d Mon Sep 17 00:00:00 2001 From: Daniel Shleifman Date: Sun, 26 Jun 2022 14:09:03 +0300 Subject: [PATCH] empty torrent list folder color chenged --- web/src/components/TorrentList/index.jsx | 5 +++++ web/src/components/TorrentList/style.js | 11 ++++++++--- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/web/src/components/TorrentList/index.jsx b/web/src/components/TorrentList/index.jsx index aae835c..ff49b4e 100644 --- a/web/src/components/TorrentList/index.jsx +++ b/web/src/components/TorrentList/index.jsx @@ -6,6 +6,11 @@ import NoServerConnection from './NoServerConnection' import AddFirstTorrent from './AddFirstTorrent' export default function TorrentList({ isOffline, isLoading, torrents }) { + return ( + + + + ) if (isLoading || isOffline || !torrents.length) { return ( diff --git a/web/src/components/TorrentList/style.js b/web/src/components/TorrentList/style.js index 3332421..12a3dbc 100644 --- a/web/src/components/TorrentList/style.js +++ b/web/src/components/TorrentList/style.js @@ -1,7 +1,12 @@ import styled, { css } from 'styled-components' export default styled.div` - ${({ isButton }) => css` + ${({ + isButton, + theme: { + addDialog: { notificationSuccessBGColor, languageSwitchBGColor }, + }, + }) => css` display: grid; place-items: center; padding: 20px 40px; @@ -9,12 +14,12 @@ export default styled.div` ${isButton && css` - background: #88cdaa; + background: ${notificationSuccessBGColor}; transition: 0.2s; cursor: pointer; :hover { - background: #74c39c; + background: ${languageSwitchBGColor}; } `}