Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 23:45:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added Scrollbar

Browse Source
This commit is contained in:
Larvey
2022-06-16 15:50:16 -04:00
committed by ajnart
parent 4516dde1f4
commit 544fae3808
1 changed files with 67 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/AppShelf/AddAppShelfItem.tsx
View File

@@ -14,6 +14,7 @@ import {
Text,
Tabs,
MultiSelect,
ScrollArea,
} from '@mantine/core';
import { useForm } from '@mantine/form';
import { useEffect, useState } from 'react';
@@ -203,6 +204,7 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
>
<Tabs position="apart">
<Tabs.Tab label="Options">
<ScrollArea style={{height:'42vh'}} scrollbarSize={4}>
<Group direction="column" grow>
<TextInput
required
@@ -275,13 +277,6 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
textAlign: 'center',
color: 'gray',
}}
>
Tip: Get your API key{' '}
<Anchor
target="_blank"
weight="bold"
style={{ fontStyle: 'inherit', fontSize: 'inherit' }}
href={`${hostname}/settings/general`}
>
here.
</Anchor>
@@ -312,19 +307,8 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
/>
</>
)}
{(form.values.type === 'Deluge' ||
form.values.type === 'Transmission' ||
form.values.type === 'qBittorrent') && (
{(form.values.type === 'Deluge' || form.values.type === 'Transmission') && (
<>
<TextInput
label="Username"
placeholder="admin"
value={form.values.username}
onChange={(event) => {
form.setFieldValue('username', event.currentTarget.value);
}}
error={form.errors.username && 'Invalid username'}
/>
<TextInput
label="Password"
placeholder="password"
@@ -337,8 +321,10 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
</>
)}
</Group>
</ScrollArea>
</Tabs.Tab>
<Tabs.Tab label="Advanced Options">
<Group direction="column" grow>
<MultiSelect
required
label="HTTP Status Codes"