leyoda/rqbit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

2/n Fixing dark mode bugs

Browse source
This commit is contained in:
Igor Katson 2023-12-16 11:09:51 +00:00
parent 8d886e0961
commit 33c8b11c6e
No known key found for this signature in database
GPG key ID: B4EC22B66D61A3F5
15 changed files with 78 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

2
crates/librqbit/webui/src/components/modal/FileSelectionModal.tsx
View file

@ -101,7 +101,7 @@ export const FileSelectionModal = (props: {
const getBody = () => {
if (listTorrentLoading) {
return <Spinner />;
return <Spinner label="Loading torrent contents" />;
} else if (listTorrentError) {
return <ErrorComponent error={listTorrentError}></ErrorComponent>;
} else if (listTorrentResponse) {

4
crates/librqbit/webui/src/components/modal/Modal.tsx
View file

@ -40,7 +40,7 @@ export const Modal: React.FC<ModalProps> = ({
}) => {
const renderBackdrop = () => {
return (
<div className="fixed inset-0 bg-black/30 z-[300] dark:bg-black/60"></div>
<div className="fixed inset-0 bg-black/30 z-[300] dark:bg-black/60 backdrop-blur"></div>
);
};
return (
@ -51,7 +51,7 @@ export const Modal: React.FC<ModalProps> = ({
className="fixed z-[301] top-0 left-0 w-full h-full block overflow-x-hidden overflow-y-auto"
>
<div
className={`bg-white shadow-lg my-8 mx-auto max-w-2xl rounded ${className} dark:bg-slate-800`}
className={`bg-white shadow-lg my-8 mx-auto max-w-2xl rounded ${className} dark:bg-slate-800 dark:text-zinc-50`}
>
<ModalHeader onClose={onClose} title={title} />
{children}