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 { .Extensions {
$spacing: $padding * 2;
--width: 100%; --width: 100%;
--max-width: auto; --max-width: auto;
.extensions-list { .extensions-list {
.extension { .extension {
--flex-gap: $padding / 3; --flex-gap: $padding / 3;
padding: $padding $padding * 2; padding: $padding $spacing;
background: $colorVague; background: $colorVague;
border-radius: $radius; border-radius: $radius;
&:not(:first-of-type) { &:not(:first-of-type) {
margin-top: $padding * 2; margin-top: $spacing;
} }
} }
} }
.extensions-info { .extensions-info {
--flex-gap: #{$padding * 3}; --flex-gap: #{$spacing};
> .flex.gaps { > .flex.gaps {
--flex-gap: #{$padding}; --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. features of Lens are built as extensions and use the same Extension API.
</div> </div>
<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)}> <div className="extensions-path flex inline" onClick={() => shell.openPath(this.extensionsPath)}>
<Icon material="folder" tooltip={{ children: "Open folder", preferredPositions: "bottom" }}/> <Icon material="folder" tooltip={{ children: "Open folder", preferredPositions: "bottom" }}/>
<code>{this.extensionsPath}</code> <code>{this.extensionsPath}</code>
</div> </div>
</div> </div>
<div className="install-extension flex column gaps"> <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"> <div className="install-extension-by-url flex gaps align-center">
<Icon <Icon
material="get_app" material="get_app"