sij/env.esq
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add platforms icon

Browse source
This commit is contained in:
Bruno Windels 2020-12-07 14:24:22 +01:00
parent 09c3f09d8b
commit 732b8a48ff
3 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
css/client.css
View file

@ -32,6 +32,13 @@
margin-left: 8px;
}
.ClientView .platforms {
background-image: url('../images/platform-icon.svg');
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 28px;
}
.ClientView .actions a.badge {
display: inline-block;
height: 40px;

1
images/platform-icon.svg Normal file
View file

@ -0,0 +1 @@
<svg width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.358 14.752H4.97a1.048 1.048 0 01-1.047-1.048V6.286c0-.579.469-1.048 1.047-1.048H17.08c.579 0 1.048.47 1.048 1.048v1.33M11.424 15.152v1.21M9.304 16.362h3.653" stroke="#666" stroke-width=".8" stroke-linecap="round" stroke-linejoin="round"/><rect x="14.543" y="8.955" width="3.914" height="7.371" rx=".648" stroke="#666" stroke-width=".8"/><path stroke="#666" stroke-width=".8" d="M16.028 15.174h1.048"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 495 B

2
src/open/ClientView.js
View file

@ -34,7 +34,7 @@ export class ClientView extends TemplateView {
t.div({className: "description"}, [
t.h3(vm.name),
t.p(vm.description),
t.p(formatPlatforms(vm.availableOnPlatformNames)),
t.p({className: "platforms"}, formatPlatforms(vm.availableOnPlatformNames)),
]),
t.img({className: "clientIcon", src: vm.iconUrl})
]),