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