Fix footer on the long list, Fixes: #55

This commit is contained in:
ziajka 2018-04-09 11:28:34 +02:00
parent 74e60bd8d0
commit e38bc532b2
3 changed files with 10 additions and 9 deletions

View File

@ -13,12 +13,13 @@ app-default-layout {
}
.content {
flex: 1 0 auto;
/*flex: 1 0 auto;*/
}
.footer {
flex-shrink: 0;
/*flex-shrink: 0;*/
padding: 20px;
margin: auto 0 0 0;
/*background-color: #0097a7;*/
color: white;
}
@ -35,9 +36,9 @@ header {
z-index: 10;
}
main {
height: 100%;
}
/*main {*/
/*height: 100%;*/
/*}*/
.default-header h1 {
font-weight: 300;

View File

@ -1,5 +1,5 @@
<div class="content">
<div class="default-header mat-app-background">
<div class="default-header">
<h1>Projects</h1>
</div>
<div class="default-content">
@ -8,7 +8,7 @@
<mat-table #table [dataSource]="dataSource">
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
<mat-header-cell *matHeaderCellDef mat-sort-header> Name </mat-header-cell>
<mat-cell *matCellDef="let row">
<a [routerLink]="['/server', server.id, 'project', row.project_id]" class="table-link">{{row.name}}</a>
</mat-cell>

View File

@ -40,7 +40,7 @@
</script>
</head>
<body class="">
<body class="mat-app-background">
<app-root></app-root>
</body>