Brendon/gameyfin
1
0
Fork 0
mirror of https://github.com/BrenBroZAYT/gameyfin.git synced 2026-06-15 16:20:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP: Implement frontend

Browse Source
This commit is contained in:
grimsi
2022-07-22 15:16:19 +02:00
parent a06dfa7c47
commit e11611bbe6
11 changed files with 88 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/components/library-overview/library-overview.component.css
+13
View File
@@ -10,3 +10,16 @@
align-items: center;
justify-content: center;
}
.content {
padding: 16px;
}
.content > mat-card {
margin-bottom: 16px;
}
.column-label {
margin-right: 8px;
font-size: 1rem;
}
frontend/src/app/components/library-overview/library-overview.component.html
+10 -6
View File
@@ -3,12 +3,16 @@
<mat-spinner></mat-spinner>
<h2>Loading library...</h2>
</div>
<div fxLayout="row" fxLayoutAlign="center center">
<div *ngIf="!this.loading && this.detectedGames.length === 0">
<h2>Your game library is empty!</h2>
</div>
<div fxLayout="row" fxLayoutGap="12px" [style.margin-top.px]="12" *ngIf="!this.loading && this.detectedGames.length > 0">
<game-cover fxLayout="column" *ngFor="let game of detectedGames" [game]="game"></game-cover>
<div fxLayout="row" fxLayoutAlign="center center" *ngIf="!this.loading && this.detectedGames.length === 0">
<h2>Your game library is empty!</h2>
</div>
<div class="content">
<div fxLayout="row wrap" fxLayoutGap="16px grid">
<div fxFlex="25% 1" fxFlex.xs="100%" fxFlex.sm="33%" *ngFor="let game of detectedGames">
<game-cover [game]="game"></game-cover>
</div>
</div>
</div>
</div>