add hosted by banner

This commit is contained in:
Bruno Windels 2021-02-04 17:07:47 +01:00
parent 573076c263
commit 8a23b9a49e
2 changed files with 13 additions and 1 deletions

View File

@ -16,6 +16,17 @@
padding: 16px;
}
.ClientView .hostedBanner {
text-align: center;
margin-bottom: 29px;
padding: 4px 0;
line-height: 20px;
border-radius: 8px;
font-weight: bold;
font-size: 16px;
background-color: var(--lightgrey);
}
.ClientView .header {
display: flex;
}

View File

@ -39,7 +39,8 @@ function renderInstructions(parts) {
export class ClientView extends TemplateView {
render(t, vm) {
return t.div({className: "ClientView"}, [
return t.div({className: {"ClientView": true, "isPreferred": vm => vm.hasPreferredWebInstance}}, [
... vm.hasPreferredWebInstance ? [t.div({className: "hostedBanner"}, vm.hostedByBannerLabel)] : [],
t.div({className: "header"}, [
t.div({className: "description"}, [
t.h3(vm.name),