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

Tiny UI tweaks

Browse source
This commit is contained in:
Igor Katson 2023-12-17 10:34:35 +00:00
parent 55f3b23eed
commit ee307c11c5
No known key found for this signature in database
GPG key ID: B4EC22B66D61A3F5
8 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
crates/librqbit/webui/dist/assets/index.css vendored
View file

File diff suppressed because one or more lines are too long

2
crates/librqbit/webui/dist/assets/index.js vendored
View file

File diff suppressed because one or more lines are too long

6
crates/librqbit/webui/dist/manifest.json vendored
View file

@ -4,14 +4,14 @@
"src": "assets/logo.svg" "src": "assets/logo.svg"
}, },
"index.css": { "index.css": {
"file": "assets/index-54ac219d.css", "file": "assets/index-3adfdbb8.css",
"src": "index.css" "src": "index.css"
}, },
"index.html": { "index.html": {
"css": [ "css": [
"assets/index-54ac219d.css" "assets/index-3adfdbb8.css"
], ],
"file": "assets/index-7c5fc47e.js", "file": "assets/index-1b48a174.js",
"isEntry": true, "isEntry": true,
"src": "index.html" "src": "index.html"
} }

2
crates/librqbit/webui/src/components/buttons/Button.tsx
View file

@ -25,7 +25,7 @@ export const Button: React.FC<{
e.preventDefault(); e.preventDefault();
onClick(); onClick();
}} }}
className={`inline-flex items-center gap-1 border rounded-lg disabled:cursor-not-allowed px-2 py-1 transition-colors duration-300 dark:border-slate-700 ${variantClassNames} ${className}`} className={`inline-flex items-center gap-1 border rounded-lg disabled:cursor-not-allowed px-2 py-1 dark:border-slate-700 ${variantClassNames} ${className}`}
> >
{children} {children}
</button> </button>

4
crates/librqbit/webui/src/components/buttons/FileInput.tsx
View file

@ -42,9 +42,9 @@ export const FileInput = ({ className }: { className?: string }) => {
onClick={onClick} onClick={onClick}
data={file} data={file}
resetData={reset} resetData={reset}
className={className} className={`group ${className}`}
> >
<CgFileAdd className="text-blue-500 dark:text-white" /> <CgFileAdd className="text-blue-500 group-hover:text-white dark:text-white" />
<div>Upload .torrent File</div> <div>Upload .torrent File</div>
</UploadButton> </UploadButton>
</> </>

2
crates/librqbit/webui/src/components/buttons/IconButton.tsx
View file

@ -19,7 +19,7 @@ export const IconButton: React.FC<{
const colorClassName = color ? `text-${color}` : ""; const colorClassName = color ? `text-${color}` : "";
return ( return (
<a <a
className={`block p-1 ${colorClassName} ${className}`} className={`block p-1 text-blue-500 ${colorClassName} ${className}`}
onClick={onClickStopPropagation} onClick={onClickStopPropagation}
href="#" href="#"
{...otherProps} {...otherProps}

4
crates/librqbit/webui/src/components/buttons/MagnetInput.tsx
View file

@ -30,10 +30,10 @@ export const MagnetInput = ({ className }: { className?: string }) => {
setModalIsOpen(true); setModalIsOpen(true);
}} }}
data={magnet} data={magnet}
className={className} className={`group ${className}`}
resetData={() => setMagnet(null)} resetData={() => setMagnet(null)}
> >
<CgLink className="text-blue-500 dark:text-white" /> <CgLink className="text-blue-500 group-hover:text-white dark:text-white" />
<div>Add Torrent from Magnet / URL</div> <div>Add Torrent from Magnet / URL</div>
</UploadButton> </UploadButton>

6
crates/librqbit/webui/src/components/buttons/TorrentActions.tsx
View file

@ -74,16 +74,16 @@ export const TorrentActions: React.FC<{
<div className="flex w-full justify-center gap-2 dark:text-slate-300"> <div className="flex w-full justify-center gap-2 dark:text-slate-300">
{canUnpause && ( {canUnpause && (
<IconButton onClick={unpause} disabled={disabled}> <IconButton onClick={unpause} disabled={disabled}>
<FaPlay className="hover:text-green-500 transition-colors duration-300" /> <FaPlay className="hover:text-green-600" />
</IconButton> </IconButton>
)} )}
{canPause && ( {canPause && (
<IconButton onClick={pause} disabled={disabled}> <IconButton onClick={pause} disabled={disabled}>
<FaPause className="hover:text-yellow-500 transition-colors duration-300" /> <FaPause className="hover:text-amber-500" />
</IconButton> </IconButton>
)} )}
<IconButton onClick={startDeleting} disabled={disabled}> <IconButton onClick={startDeleting} disabled={disabled}>
<FaTrash className="hover:text-red-500 transition-colors duration-500" /> <FaTrash className="hover:text-red-500" />
</IconButton> </IconButton>
<DeleteTorrentModal id={id} show={deleting} onHide={cancelDeleting} /> <DeleteTorrentModal id={id} show={deleting} onHide={cancelDeleting} />
</div> </div>