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 Extensions tab

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-04-02 12:29:10 +03:00
parent b769335dd2
commit c8b70d4006
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -195,18 +195,19 @@ export class Preferences extends React.Component {
{this.activeTab == PreferencesTab.Extensions && ( {this.activeTab == PreferencesTab.Extensions && (
<section id="extensions"> <section id="extensions">
<section> <h2>Extensions</h2>
<h1>Extensions</h1> {appPreferenceRegistry.getItems().map(({ title, id, components: { Hint, Input } }) => {
</section>
{appPreferenceRegistry.getItems().map(({ title, id, components: { Hint, Input } }, index) => {
return ( return (
<section key={index} id={title}> <>
<h2 id={id}>{title}</h2> <section key={id} id={title} className="small">
<SubTitle title={title}/>
<Input/> <Input/>
<small className="hint"> <div className="hint">
<Hint/> <Hint/>
</small> </div>
</section> </section>
<hr className="small"/>
</>
); );
})} })}
</section> </section>

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

@ -46,7 +46,7 @@
.sidebar { .sidebar {
width: 218px; width: 218px;
padding: 60px 6px 60px 20px; padding: 60px 10px 60px 20px;
.Tabs { .Tabs {
.header { .header {
@ -207,6 +207,10 @@
&.small { &.small {
margin-top: 20px; margin-top: 20px;
} }
&:last-child {
display: none;
}
} }
} }
} }