diff --git a/crates/librqbit/webui/src/components/Header.tsx b/crates/librqbit/webui/src/components/Header.tsx index f2e79e8..bd97241 100644 --- a/crates/librqbit/webui/src/components/Header.tsx +++ b/crates/librqbit/webui/src/components/Header.tsx @@ -7,7 +7,7 @@ import Logo from "../../assets/logo.svg?react"; export const Header = ({ title }: { title: string }) => { const [name, version] = title.split("-"); return ( -
+

diff --git a/crates/librqbit/webui/src/components/StatusIcon.tsx b/crates/librqbit/webui/src/components/StatusIcon.tsx index 125f2ac..b9f1936 100644 --- a/crates/librqbit/webui/src/components/StatusIcon.tsx +++ b/crates/librqbit/webui/src/components/StatusIcon.tsx @@ -1,5 +1,4 @@ import { - MdCheck, MdCheckCircle, MdDownload, MdError, diff --git a/crates/librqbit/webui/src/components/TorrentRow.tsx b/crates/librqbit/webui/src/components/TorrentRow.tsx index 2cd2394..2c50e15 100644 --- a/crates/librqbit/webui/src/components/TorrentRow.tsx +++ b/crates/librqbit/webui/src/components/TorrentRow.tsx @@ -45,7 +45,7 @@ export const TorrentRow: React.FC<{ }; return ( -
+
{/* Icon */}
{statusIcon("w-10 h-10")}
{/* Name, progress, stats */} @@ -53,7 +53,7 @@ export const TorrentRow: React.FC<{ {detailsResponse && (
{statusIcon("w-5 h-5")}
-
+
{getLargestFileName(detailsResponse)}
diff --git a/crates/librqbit/webui/src/components/TorrentsList.tsx b/crates/librqbit/webui/src/components/TorrentsList.tsx index b84ee2f..abbac57 100644 --- a/crates/librqbit/webui/src/components/TorrentsList.tsx +++ b/crates/librqbit/webui/src/components/TorrentsList.tsx @@ -22,7 +22,7 @@ export const TorrentsList = (props: { ); } return ( -
+
{props.torrents.map((t: TorrentId) => ( ))} diff --git a/crates/librqbit/webui/src/globals.css b/crates/librqbit/webui/src/globals.css index bd6213e..b0af9e9 100644 --- a/crates/librqbit/webui/src/globals.css +++ b/crates/librqbit/webui/src/globals.css @@ -1,3 +1,8 @@ @tailwind base; @tailwind components; -@tailwind utilities; \ No newline at end of file +@tailwind utilities; + + +.dark { + @apply bg-gray-800 text-zinc-50 + } \ No newline at end of file diff --git a/crates/librqbit/webui/src/rqbit-web.tsx b/crates/librqbit/webui/src/rqbit-web.tsx index f23d561..aef3165 100644 --- a/crates/librqbit/webui/src/rqbit-web.tsx +++ b/crates/librqbit/webui/src/rqbit-web.tsx @@ -67,7 +67,7 @@ export const RqbitWebUI = (props: { return (
-
+
{/* Menu buttons */}
{props.menuButtons &&