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

18
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,6 +152,7 @@ export class Preferences extends React.Component {
)} )}
{this.activeTab == PreferencesTab.Proxy && ( {this.activeTab == PreferencesTab.Proxy && (
<section id="proxy"> <section id="proxy">
<section>
<h2>Proxy</h2> <h2>Proxy</h2>
<SubTitle title="HTTP Proxy"/> <SubTitle title="HTTP Proxy"/>
<Input <Input
@ -165,12 +165,21 @@ export class Preferences extends React.Component {
<small className="hint"> <small className="hint">
Proxy is used only for non-cluster communication. Proxy is used only for non-cluster communication.
</small> </small>
</section>
<hr className="small"/>
<section className="small">
<SubTitle title="Certificate Trust"/> <SubTitle title="Certificate Trust"/>
<Checkbox <FormSwitch
control={
<Switcher
checked={preferences.allowUntrustedCAs}
onChange={v => preferences.allowUntrustedCAs = v.target.checked}
name="startup"
/>
}
label="Allow untrusted Certificate Authorities" label="Allow untrusted Certificate Authorities"
value={preferences.allowUntrustedCAs}
onChange={v => preferences.allowUntrustedCAs = v}
/> />
<small className="hint"> <small className="hint">
This will make Lens to trust ANY certificate authority without any validations.{" "} This will make Lens to trust ANY certificate authority without any validations.{" "}
@ -178,6 +187,7 @@ export class Preferences extends React.Component {
Does not affect cluster communications! Does not affect cluster communications!
</small> </small>
</section> </section>
</section>
)} )}
{this.activeTab == PreferencesTab.Kubernetes && ( {this.activeTab == PreferencesTab.Kubernetes && (

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;
}
} }
} }
} }