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

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

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

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

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