[frontend] Add info button to telegram
This commit is contained in:
parent
fb6e8e8684
commit
3bf8834b74
|
@ -1,6 +1,13 @@
|
|||
<mat-card>
|
||||
<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-content>
|
||||
<mat-list *ngIf="telegrams$ | async as telegrams">
|
||||
|
|
|
@ -4,3 +4,14 @@
|
|||
width: 100%;
|
||||
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