Styling configure

This commit is contained in:
Igor Katson 2023-12-06 21:09:05 +00:00
parent 0459fe7358
commit 11953883c9
No known key found for this signature in database
GPG key ID: B4EC22B66D61A3F5

View file

@ -79,8 +79,8 @@ export const ConfigModal: React.FC<{
className="mb-3"> className="mb-3">
<Tab className="mb-3" eventKey="home" title="Home"> <Tab className="mb-3" eventKey="home" title="Home">
<Form.Group controlId="default_download_location"> <Form.Group controlId="default_download_location" className="mb-3">
<Form.Label>Default Download Location</Form.Label> <Form.Label>Default download folder</Form.Label>
<Form.Control <Form.Control
type="text" type="text"
name="default_download_location" name="default_download_location"
@ -93,7 +93,7 @@ export const ConfigModal: React.FC<{
<Tab className="mb-3" eventKey="dht" title="DHT"> <Tab className="mb-3" eventKey="dht" title="DHT">
<legend>DHT config</legend> <legend>DHT config</legend>
<Form.Group controlId="dht_disable"> <Form.Group controlId="dht_disable" className="mb-3">
<Form.Check <Form.Check
type="switch" type="switch"
label="Disable DHT" label="Disable DHT"
@ -103,7 +103,7 @@ export const ConfigModal: React.FC<{
/> />
</Form.Group> </Form.Group>
<Form.Group controlId="dht_disable_persistence"> <Form.Group controlId="dht_disable_persistence" className="mb-3">
<Form.Check <Form.Check
type="switch" type="switch"
label="Disable DHT Persistence" label="Disable DHT Persistence"
@ -114,7 +114,7 @@ export const ConfigModal: React.FC<{
/> />
</Form.Group> </Form.Group>
<Form.Group controlId="dht_persistence_filename"> <Form.Group controlId="dht_persistence_filename" className="mb-3">
<Form.Label>Persistence Filename</Form.Label> <Form.Label>Persistence Filename</Form.Label>
<Form.Control <Form.Control
type="text" type="text"
@ -130,7 +130,7 @@ export const ConfigModal: React.FC<{
<legend>TCP Listener config</legend> <legend>TCP Listener config</legend>
<Form.Group controlId="tcp_listen_disable"> <Form.Group controlId="tcp_listen_disable" className="mb-3">
<Form.Check <Form.Check
type="switch" type="switch"
label="Disable TCP Listen" label="Disable TCP Listen"
@ -140,7 +140,7 @@ export const ConfigModal: React.FC<{
/> />
</Form.Group> </Form.Group>
<Form.Group controlId="tcp_listen_min_port"> <Form.Group controlId="tcp_listen_min_port" className="mb-3">
<Form.Label>Min port</Form.Label> <Form.Label>Min port</Form.Label>
<Form.Control <Form.Control
type="number" type="number"
@ -151,7 +151,7 @@ export const ConfigModal: React.FC<{
/> />
</Form.Group> </Form.Group>
<Form.Group controlId="tcp_listen_max_port"> <Form.Group controlId="tcp_listen_max_port" className="mb-3">
<Form.Label>Max Port</Form.Label> <Form.Label>Max Port</Form.Label>
<Form.Control <Form.Control
type="number" type="number"
@ -162,7 +162,7 @@ export const ConfigModal: React.FC<{
/> />
</Form.Group> </Form.Group>
<Form.Group controlId="upnp_disable"> <Form.Group controlId="upnp_disable" className="mb-3">
<Form.Check <Form.Check
type="switch" type="switch"
label="Do not advertise TCP port over UPnP" label="Do not advertise TCP port over UPnP"
@ -179,7 +179,7 @@ export const ConfigModal: React.FC<{
<Tab className="mb-3" eventKey="session_persistence" title="Session"> <Tab className="mb-3" eventKey="session_persistence" title="Session">
<legend>Session persistence</legend> <legend>Session persistence</legend>
<Form.Group controlId="persistence_disable"> <Form.Group controlId="persistence_disable" className="mb-3">
<Form.Check <Form.Check
type="switch" type="switch"
label="Disable Persistence" label="Disable Persistence"
@ -189,7 +189,7 @@ export const ConfigModal: React.FC<{
/> />
</Form.Group> </Form.Group>
<Form.Group controlId="persistence_filename"> <Form.Group controlId="persistence_filename" className="mb-3">
<Form.Label>Persistence Filename</Form.Label> <Form.Label>Persistence Filename</Form.Label>
<Form.Control <Form.Control
type="text" type="text"
@ -205,8 +205,8 @@ export const ConfigModal: React.FC<{
<Tab className="mb-3" eventKey="peer_opts" title="Peer options"> <Tab className="mb-3" eventKey="peer_opts" title="Peer options">
<legend>Peer connection options</legend> <legend>Peer connection options</legend>
<Form.Group controlId="peer_opts_connect_timeout"> <Form.Group controlId="peer_opts_connect_timeout" className="mb-3">
<Form.Label>Peer Options Connect Timeout</Form.Label> <Form.Label>Connect timeout</Form.Label>
<Form.Control <Form.Control
type="text" type="text"
name="peer_opts.connect_timeout" name="peer_opts.connect_timeout"
@ -215,8 +215,8 @@ export const ConfigModal: React.FC<{
/> />
</Form.Group> </Form.Group>
<Form.Group controlId="peer_opts_read_write_timeout"> <Form.Group controlId="peer_opts_read_write_timeout" className="mb-3">
<Form.Label>Peer Options Read Write Timeout</Form.Label> <Form.Label>Read/write timeout</Form.Label>
<Form.Control <Form.Control
type="text" type="text"
name="peer_opts.read_write_timeout" name="peer_opts.read_write_timeout"
@ -229,7 +229,7 @@ export const ConfigModal: React.FC<{
<Tab className="mb-3" eventKey="http_api" title="HTTP API"> <Tab className="mb-3" eventKey="http_api" title="HTTP API">
<legend>HTTP API config</legend> <legend>HTTP API config</legend>
<Form.Group controlId="http_api_disable"> <Form.Group controlId="http_api_disable" className="mb-3">
<Form.Check <Form.Check
type="switch" type="switch"
label="Disable HTTP API" label="Disable HTTP API"
@ -239,7 +239,7 @@ export const ConfigModal: React.FC<{
/> />
</Form.Group> </Form.Group>
<Form.Group controlId="http_api_listen_addr"> <Form.Group controlId="http_api_listen_addr" className="mb-3">
<Form.Label>HTTP API Listen Address</Form.Label> <Form.Label>HTTP API Listen Address</Form.Label>
<Form.Control <Form.Control
type="text" type="text"
@ -250,7 +250,7 @@ export const ConfigModal: React.FC<{
/> />
</Form.Group> </Form.Group>
<Form.Group controlId="http_api_read_only"> <Form.Group controlId="http_api_read_only" className="mb-3">
<Form.Check <Form.Check
type="switch" type="switch"
label="HTTP API Read Only" label="HTTP API Read Only"