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

layout fixes

Browse Source 
Signed-off-by: Roman <ixrock@gmail.com>
This commit is contained in:
Roman 2020-11-20 00:34:43 +02:00
parent 97bcb492f9
commit 51f686cf6f
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/components/+extensions/extensions.scss
View File

@ -1,22 +1,23 @@
.Extensions {
$spacing: $padding * 2;
--width: 100%;
--max-width: auto;
.extensions-list {
.extension {
--flex-gap: $padding / 3;
padding: $padding $padding * 2;
padding: $padding $spacing;
background: $colorVague;
border-radius: $radius;
&:not(:first-of-type) {
margin-top: $padding * 2;
margin-top: $spacing;
}
}
}
.extensions-info {
--flex-gap: #{$padding * 3};
--flex-gap: #{$spacing};
> .flex.gaps {
--flex-gap: #{$padding};

4
src/renderer/components/+extensions/extensions.tsx
View File

@ -80,14 +80,14 @@ export class Extensions extends React.Component {
features of Lens are built as extensions and use the same Extension API.
</div>
<div>
<em>All custom extensions located in:</em>
<p><em>All custom extensions located in:</em></p>
<div className="extensions-path flex inline" onClick={() => shell.openPath(this.extensionsPath)}>
<Icon material="folder" tooltip={{ children: "Open folder", preferredPositions: "bottom" }}/>
<code>{this.extensionsPath}</code>
</div>
</div>
<div className="install-extension flex column gaps">
<em>Install extensions from local file-system or URL:</em>
<p><em>Install extensions from local file-system or URL:</em></p>
<div className="install-extension-by-url flex gaps align-center">
<Icon
material="get_app"