hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Styling Proxy tab

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-04-01 14:44:25 +03:00
parent 16eacee140
commit 909032a535
2 changed files with 43 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/renderer/components/+preferences/preferences.tsx
View File

@ -137,7 +137,6 @@ export class Preferences extends React.Component {
<hr/> <hr/>
<section id="startup"> <section id="startup">
<h2>Start-up</h2>
<FormSwitch <FormSwitch
control={ control={
<Switcher <Switcher
@ -153,30 +152,41 @@ export class Preferences extends React.Component {
)} )}
{this.activeTab == PreferencesTab.Proxy && ( {this.activeTab == PreferencesTab.Proxy && (
<section id="proxy"> <section id="proxy">
<h2>Proxy</h2> <section>
<SubTitle title="HTTP Proxy"/> <h2>Proxy</h2>
<Input <SubTitle title="HTTP Proxy"/>
theme="round-black" <Input
placeholder="Type HTTP proxy url (example: http://proxy.acme.org:8080)" theme="round-black"
value={this.httpProxy} placeholder="Type HTTP proxy url (example: http://proxy.acme.org:8080)"
onChange={v => this.httpProxy = v} value={this.httpProxy}
onBlur={() => preferences.httpsProxy = this.httpProxy} onChange={v => this.httpProxy = v}
/> onBlur={() => preferences.httpsProxy = this.httpProxy}
<small className="hint"> />
Proxy is used only for non-cluster communication. <small className="hint">
</small> Proxy is used only for non-cluster communication.
</small>
</section>
<SubTitle title="Certificate Trust"/> <hr className="small"/>
<Checkbox
label="Allow untrusted Certificate Authorities" <section className="small">
value={preferences.allowUntrustedCAs} <SubTitle title="Certificate Trust"/>
onChange={v => preferences.allowUntrustedCAs = v} <FormSwitch
/> control={
<small className="hint"> <Switcher
This will make Lens to trust ANY certificate authority without any validations.{" "} checked={preferences.allowUntrustedCAs}
Needed with some corporate proxies that do certificate re-writing.{" "} onChange={v => preferences.allowUntrustedCAs = v.target.checked}
Does not affect cluster communications! name="startup"
</small> />
}
label="Allow untrusted Certificate Authorities"
/>
<small className="hint">
This will make Lens to trust ANY certificate authority without any validations.{" "}
Needed with some corporate proxies that do certificate re-writing.{" "}
Does not affect cluster communications!
</small>
</section>
</section> </section>
)} )}

11
src/renderer/components/layout/page-layout.scss
View File

@ -168,6 +168,10 @@
&:not(:first-child) { &:not(:first-child) {
margin-top: 40px; margin-top: 40px;
&.small {
margin-top: 20px;
}
} }
h1, h2 { h1, h2 {
@ -183,9 +187,8 @@
} }
.hint { .hint {
margin-top: 4px; margin-top: 8px;
font-size: 14px; font-size: 14px;
color: var(--textColorDimmed);
} }
.SubTitle { .SubTitle {
@ -199,6 +202,10 @@
margin-top: 40px; margin-top: 40px;
height: 1px; height: 1px;
border-top: thin solid #ffffff0f; border-top: thin solid #ffffff0f;
&.small {
margin-top: 20px;
}
} }
} }
} }