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:
parent
3b5b1ae88c
commit
71793b0797
@ -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>
|
||||
|
||||
42
marketplace/marketplace.css
Normal file
42
marketplace/marketplace.css
Normal 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;
|
||||
}
|
||||
BIN
marketplace/mirantis-logo.png
Normal file
BIN
marketplace/mirantis-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Loading…
Reference in New Issue
Block a user