_Bastler/we_bstly-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

flex

Browse Source
This commit is contained in:
Lurkars
2021-03-13 10:43:34 +01:00
parent 0aaf36bba2
commit b49dce844d
6 changed files with 51 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/services/services.component.html
+20 -15
View File
@@ -1,17 +1,22 @@
<h3>{{'services' | i18n}}</h3>
<mat-card *ngFor="let service of services">
<mat-card-header>
<mat-icon>{{'services.' + service.name + '.icon' | i18n}}</mat-icon>
<mat-card-title>{{'services.' + service.name + '.title' | i18n}}</mat-card-title>
<mat-card-subtitle>{{'services.' + service.name + '.subtitle' | i18n}}</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
<p>
{{ 'services.' + service.name + '.text' | i18n}}
</p>
</mat-card-content>
<mat-card-actions>
<a href="{{service.url}}" target="_blank" mat-raised-button color="primary">{{'services.goto' | i18n}}</a>
</mat-card-actions>
</mat-card>
<div fxLayout="row wrap" fxLayoutGap="16px grid">
<div fxFlex="33.33%" fxFlex.sm="50%" fxFlex.xs="100%" *ngFor="let service of services">
<mat-card>
<mat-card-header>
<mat-icon>{{'services.' + service.name + '.icon' | i18n}}</mat-icon>
<mat-card-title>{{'services.' + service.name + '.title' | i18n}}</mat-card-title>
<mat-card-subtitle>{{'services.' + service.name + '.subtitle' | i18n}}</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
<p>
{{ 'services.' + service.name + '.text' | i18n}}
</p>
</mat-card-content>
<mat-card-actions>
<a href="{{service.url}}" target="_blank" mat-raised-button color="primary">{{'services.goto' |
i18n}}</a>
</mat-card-actions>
</mat-card>
</div>
</div>
src/app/pages/services/services.component.scss
+10
View File
@@ -0,0 +1,10 @@
mat-card {
display: flex;
flex-direction: column;
height: 100%;
}
mat-card-content {
flex-grow: 1;
overflow: auto;
}