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

Adding ids to all sections

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-03-03 14:39:26 +03:00
parent 3744d4a3cd
commit 2c5ad51b47
2 changed files with 17 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/renderer/components/+preferences/preferences.scss
View File

@ -1,5 +1,2 @@
.Preferences {
.extensions {
--flex-gap: calc(var(--unit) * 2);
}
}

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

@ -49,7 +49,7 @@ export class Preferences extends React.Component {
onChange={({ value }: SelectOption) => preferences.colorTheme = value}
/>
</section>
<section>
<section id="proxy">
<h2>Proxy</h2>
<SubTitle title="HTTP Proxy"/>
<Input
@ -75,7 +75,7 @@ export class Preferences extends React.Component {
Does not affect cluster communications!
</small>
</section>
<section>
<section id="startup">
<h2>Start-up</h2>
<SubTitle title="Automatic Start-up"/>
<Checkbox
@ -86,33 +86,31 @@ export class Preferences extends React.Component {
</section>
</section>
<section>
<section id="kubernetes">
<h1>Kubernetes</h1>
<section>
<section id="kubectl">
<h2>Kubectl binary</h2>
<KubectlBinaries preferences={preferences}/>
</section>
<section>
<section id="helm">
<h2>Helm Charts</h2>
<HelmCharts/>
</section>
</section>
<section>
<section id="extensions">
<h1>Extensions</h1>
<div className="extensions flex column gaps">
{appPreferenceRegistry.getItems().map(({ title, components: { Hint, Input } }, index) => {
return (
<section key={index}>
<h2>{title}</h2>
<Input/>
<small className="hint">
<Hint/>
</small>
</section>
);
})}
</div>
{appPreferenceRegistry.getItems().map(({ title, components: { Hint, Input } }, index) => {
return (
<section key={index} id={title}>
<h2>{title}</h2>
<Input/>
<small className="hint">
<Hint/>
</small>
</section>
);
})}
</section>
</PageLayout>
);