[frontend] Add info button to telegram
This commit is contained in:
parent
fb6e8e8684
commit
3bf8834b74
|
@ -1,6 +1,13 @@
|
||||||
<mat-card>
|
<mat-card>
|
||||||
<mat-card-header>
|
<mat-card-header>
|
||||||
<mat-card-title>Telegram</mat-card-title>
|
<mat-card-title class="platform-title">
|
||||||
|
<div class="platform-heading">
|
||||||
|
Telegram
|
||||||
|
</div>
|
||||||
|
<button mat-icon-button aria-label="How to use">
|
||||||
|
<mat-icon matTooltip="How to use" class="info-button">info</mat-icon>
|
||||||
|
</button>
|
||||||
|
</mat-card-title>
|
||||||
</mat-card-header>
|
</mat-card-header>
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<mat-list *ngIf="telegrams$ | async as telegrams">
|
<mat-list *ngIf="telegrams$ | async as telegrams">
|
||||||
|
|
|
@ -4,3 +4,14 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.platform-title {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 40px;
|
||||||
|
width: 100%;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.platform-heading {
|
||||||
|
align-self: flex-end;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue