add hosted by banner
This commit is contained in:
parent
573076c263
commit
8a23b9a49e
2 changed files with 13 additions and 1 deletions
|
@ -16,6 +16,17 @@
|
||||||
padding: 16px;
|
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 {
|
.ClientView .header {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
|
@ -39,7 +39,8 @@ function renderInstructions(parts) {
|
||||||
export class ClientView extends TemplateView {
|
export class ClientView extends TemplateView {
|
||||||
|
|
||||||
render(t, vm) {
|
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: "header"}, [
|
||||||
t.div({className: "description"}, [
|
t.div({className: "description"}, [
|
||||||
t.h3(vm.name),
|
t.h3(vm.name),
|
||||||
|
|
Loading…
Reference in a new issue