1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Improve marketplace

Signed-off-by: Panu Horsmalahti <phorsmalahti@mirantis.com>
This commit is contained in:
Panu Horsmalahti 2020-12-10 14:11:31 +02:00
parent 3b5b1ae88c
commit 71793b0797
3 changed files with 70 additions and 11 deletions

View File

@ -2,17 +2,34 @@
<head>
<title>Test Marketplace</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="marketplace.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<h3>Lens Marketplace</h3>
<p>
<ul>
<li>Mirantis Container Cloud Lens Extension
<ul>
<li><a href="lens://internal/install-extension?name=@mirantis/lens-extension-cc">Install</a></li>
<li><a href="lens://extension/@mirantis/lens-extension-cc">Open</a></li>
</ul>
</li>
</ul>
</p>
<h3>Lens Marketplace</h3>
<div>
<img class="mirantis-logo" src="mirantis-logo.png"/>Container Cloud Lens Extension
</div>
<div class="extension-info">
<div><a href="https://www.mirantis.com">Mirantis</a></div>
<div>|</div>
<div>
35 installs
</div>
<div>|</div>
<div>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span>(8)</span>
</div>
<div>|</div>
<div>Free</div>
</div>
<div>
<a class="install-btn" href="lens://internal/install-extension?name=@mirantis/lens-extension-cc">Install</a>
<a class="open-btn" href="lens://extension/@mirantis/lens-extension-cc">Open</a>
</div>
</body>

View File

@ -0,0 +1,42 @@
.install-btn, .open-btn {
color: white;
min-width: 100px;
border: 1px solid black;
padding: 5px 10px 5px 10px;
text-decoration: none;
display: inline-block;
user-select: none;
text-align: center;
margin-top: 12px;
}
.install-btn {
background-color: mediumseagreen;
}
.open-btn {
background-color: cornflowerblue;
}
.mirantis-logo {
width: 128px;
margin-right: 10px;
}
ul {
list-style-type: none;
padding: 0;
}
.checked {
color: orange;
}
.extension-info {
display: flex;
}
.extension-info > div {
margin-right: 6px;
margin-top: 7px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB