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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
|
|
@ -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),
|
||||
|
|
Loading…
Reference in a new issue