Merged PR 1376: #3448 Anzeige Sonderinfo

#3448 Anzeige Sonderinfo
This commit is contained in:
Lorenz Hilpert
2022-09-14 08:26:29 +00:00
committed by Andreas Schickinger
parent 469110eabf
commit a66137873c
2 changed files with 14 additions and 4 deletions

View File

@@ -1,7 +1,13 @@
<div class="header">
<ui-tshirt [effort]="info?.effort"></ui-tshirt>
<h1>{{ info?.title }}</h1>
<ui-icon *ngIf="showUpdateIcon$ | async" icon="refresh" size="22px"></ui-icon>
<div>
<h3 class="sonderinfo" *ngIf="info?.isSpecial">Sonderinfo</h3>
</div>
<div class="grid grid-flow-col gap-4">
<ui-tshirt [effort]="info?.effort"></ui-tshirt>
<h1>{{ info?.title }}</h1>
<ui-icon *ngIf="showUpdateIcon$ | async" icon="refresh" size="22px"></ui-icon>
</div>
<div></div>
</div>
<div class="status">
<div class="indicator" [style.backgroundColor]="indicatorColor$ | async"></div>

View File

@@ -12,7 +12,11 @@
}
.header {
@apply flex flex-row justify-center items-center mt-3;
@apply grid grid-flow-col justify-center items-center mt-3 relative;
.sonderinfo {
@apply uppercase self-start absolute left-0 top-0;
}
h1 {
@apply text-xl font-bold text-center m-0 ml-4;