fix(web): qbittorrent action rules spacing (#1544)

* fix(web): qbittorrent action rules spacing

* chore(lint): linting
This commit is contained in:
martylukyy 2024-05-09 09:14:26 +02:00 committed by GitHub
parent 3e7c436fe6
commit 5945b51f36
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 15 deletions

View file

@ -261,6 +261,7 @@ export interface SelectFieldProps {
options: SelectFieldOption[];
columns?: COL_WIDTHS;
tooltip?: JSX.Element;
className?: string;
}
export const Select = ({
@ -269,12 +270,13 @@ export const Select = ({
tooltip,
optionDefaultText,
options,
columns = 6
columns = 6,
className
}: SelectFieldProps) => {
return (
<div
className={classNames(
"col-span-12",
className ?? "col-span-12",
columns ? `sm:col-span-${columns}` : ""
)}
>

View file

@ -95,6 +95,18 @@ export const QBittorrent = ({ idx, action, clients }: ClientActionProps) => (
label="Content Layout"
optionDefaultText="Select content layout"
options={ActionContentLayoutOptions}
className="py-2 pb-4"
/>
<Input.Select
name={`actions.${idx}.priority`}
label="Priority"
optionDefaultText="Disabled"
options={ActionPriorityOptions}
tooltip={
<div>
<p>Torrent Queueing will be enabled for you if it is disabled. Ensure you set your preferred limits for it in your client.</p>
</div>
}
/>
</FilterSection.HalfRow>
@ -108,24 +120,13 @@ export const QBittorrent = ({ idx, action, clients }: ClientActionProps) => (
name={`actions.${idx}.skip_hash_check`}
label="Skip hash check"
description="Add torrent and skip hash check"
className="pt-4 sm:pt-4"
/>
<Input.SwitchGroup
name={`actions.${idx}.first_last_piece_prio`}
label="Download first and last pieces first"
description="Add torrent and download first and last pieces first"
/>
</FilterSection.HalfRow>
<FilterSection.HalfRow>
<Input.Select
name={`actions.${idx}.priority`}
label="Priority"
optionDefaultText="Disabled"
options={ActionPriorityOptions}
tooltip={
<div>
<p>Torrent Queueing will be enabled for you if it is disabled. Ensure you set your preferred limits for it in your client.</p>
</div>
}
className="pt-6 sm:pt-10"
/>
</FilterSection.HalfRow>
</CollapsibleSection>