sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-10 01:29:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add option to use a secure connection for the daemon

Browse Source
This commit is contained in:
hensm
2022-09-02 09:19:23 +01:00
parent 8ecd3320f7
commit cde15cfd91
7 changed files with 131 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
ext/src/ui/options/Bridge.svelte
View File

@@ -272,24 +272,41 @@
bind:value={opts.bridgeBackupPort}
/>
{backupMessageEnd}
</label>
<div class="option__description">
{_("optionsBridgeBackupEnabledDescription")}
</div>
</div>
{#if opts.showAdvancedOptions}
<label class="bridge__backup-password">
{#if opts.showAdvancedOptions}
<fieldset class="category" disabled={!opts.bridgeBackupEnabled}>
<div class="option option--inline">
<div class="option__control">
<input
id="bridgeBackupSecure"
type="checkbox"
bind:checked={opts.bridgeBackupSecure}
/>
</div>
<label class="option__label" for="bridgeBackupSecure">
{_("optionsBridgeBackupSecure")}
</label>
</div>
<div class="option">
<label class="option__label" for="bridgeBackupPassword">
{_("optionsBridgeBackupPassword")}
</label>
<div class="option__control">
<input
id="bridgeBackupPassword"
placeholder="Password"
type="password"
bind:value={opts.bridgeBackupPassword}
/>
</label>
{/if}
</label>
<div class="option__description">
{_("optionsBridgeBackupEnabledDescription")}
</div>
</div>
</div>
</div>
</fieldset>
{/if}
</div>
{#if !isLoadingInfo}

9
ext/src/ui/options/styles/index.css
View File

@@ -208,6 +208,10 @@ input:placeholder-shown {
padding: 10px 0;
}
.bridge__options > .category {
grid-template-columns: 100px minmax(0, 1fr);
}
.form > .category {
border-bottom: 1px solid var(--border-color);
}
@@ -274,6 +278,11 @@ input:placeholder-shown {
display: inline-block;
}
.category:disabled .option__label,
.category:disabled .option__description {
opacity: 0.65;
}
.option__recommended {
background-color: var(--blue-60);
border-radius: 2px;