fix(bundles): fix table

This commit is contained in:
Dmitry Nehaychik 2019-02-06 14:14:46 +03:00
parent 9fc42b19c0
commit fd48698a88
3 changed files with 27 additions and 16 deletions

View file

@ -174,7 +174,7 @@
</ul>
<table class="features-table">
<tr>
<tr class="header">
<th class="left">FEATURES</th>
<th>PERSONAL</th>
<th>COMMERCIAL</th>
@ -243,16 +243,18 @@
<ngx-landing-description-section *ngIf="descriptions | async" [descriptions]="descriptions | async"></ngx-landing-description-section>
<ngx-landing-section-title>
Architecture Design
</ngx-landing-section-title>
<div class="bundles-architecture">
<ngx-landing-section-title>
Architecture Design
</ngx-landing-section-title>
<p class="features__description">The schema describes high-level solution architecture.</p>
<p class="features__description">The schema describes high-level solution architecture.</p>
<picture class="bundle-scheme">
<source type="image/webp" srcset="assets/img/bundle-scheme@1x.webp 1x, assets/img/bundle-scheme@2x.webp 2x">
<img class="bundle-scheme__image" src="assets/img/bundle-scheme@1x.png" srcset="assets/img/bundle-scheme@2x.png 2x" alt="Backend bundles">
</picture>
<picture class="bundle-scheme">
<source type="image/webp" srcset="assets/img/bundle-scheme@1x.webp 1x, assets/img/bundle-scheme@2x.webp 2x">
<img class="bundle-scheme__image" src="assets/img/bundle-scheme@1x.png" srcset="assets/img/bundle-scheme@2x.png 2x" alt="Backend bundles">
</picture>
</div>
<p class="features__description">Need more details or have a question?</p>

View file

@ -67,14 +67,18 @@
}
}
.bundle-scheme {
.bundles-architecture {
display: none;
width: 100%;
height: auto;
margin: 2.5rem auto 5rem;
margin-bottom: 5rem;
&__image {
.bundle-scheme {
width: 100%;
height: auto;
margin: 2.5rem auto;
&__image {
width: 100%;
}
}
@include media-breakpoint-up(md) {
@ -329,7 +333,6 @@
background-color: #fafafa;
th, td {
//border: 0.5px solid #dae0eb;
padding: 0.5rem;
text-align: center;
}
@ -360,6 +363,12 @@
width: 100%;
max-width: 100%;
}
.features-table {
.header {
font-size: 0.875rem
}
}
}
@include media-breakpoint-down(is) {

View file

@ -19,7 +19,7 @@ import { Descriptions, DescriptionsService } from '../../../@core/data/service/d
})
export class BackendBundlesSectionComponent implements AfterViewInit {
descriptions: Observable<Descriptions[]> = this.descriptionsService.getDescriptions();
descriptions: Observable<Descriptions[]> = this.descriptionsService.getBundleDescriptions();
selectedLicenseType = 'Personal';
personalLicense = 'Personal';