Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Integrate HeaderComponent into Staff Playtime view, update layout with full-height styling, and enhance UI consistency.

Browse Source
This commit is contained in:
akastijn 2025-11-02 22:48:27 +01:00
parent edaebe9e4a
commit 710771f5f7
3 changed files with 46 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/pages/head-mod/staff-pt/staff-pt.component.html
View File

@ -1,4 +1,10 @@
<div class="staff-pt-container"> <div>
<app-header [current_page]="'staff-pt'" height="200px" background_image="/public/img/backgrounds/staff.png"
[overlay_gradient]="0.5">
</app-header>
<section class="darkmodeSection full-height">
<div class="staff-pt-container">
<div class="week-header"> <div class="week-header">
<button mat-icon-button (click)="prevWeek()" matTooltip="Previous week" aria-label="Previous week"> <button mat-icon-button (click)="prevWeek()" matTooltip="Previous week" aria-label="Previous week">
<mat-icon>chevron_left</mat-icon> <mat-icon>chevron_left</mat-icon>
@ -37,4 +43,6 @@
</tr> </tr>
} }
</table> </table>
</div>
</section>
</div> </div>

3
frontend/src/app/pages/head-mod/staff-pt/staff-pt.component.ts
View File

@ -5,11 +5,12 @@ import {MatButtonModule} from '@angular/material/button';
import {MatIconModule} from '@angular/material/icon'; import {MatIconModule} from '@angular/material/icon';
import {MatTooltipModule} from '@angular/material/tooltip'; import {MatTooltipModule} from '@angular/material/tooltip';
import {SiteService, StaffPlaytime} from '@api'; import {SiteService, StaffPlaytime} from '@api';
import {HeaderComponent} from '@header/header.component';
@Component({ @Component({
selector: 'app-staff-pt', selector: 'app-staff-pt',
standalone: true, standalone: true,
imports: [CommonModule, MatTableModule, MatButtonModule, MatIconModule, MatTooltipModule, DatePipe], imports: [CommonModule, MatTableModule, MatButtonModule, MatIconModule, MatTooltipModule, DatePipe, HeaderComponent],
templateUrl: './staff-pt.component.html', templateUrl: './staff-pt.component.html',
styleUrl: './staff-pt.component.scss' styleUrl: './staff-pt.component.scss'
}) })

4
frontend/src/styles.scss
View File

@ -159,6 +159,10 @@ time, mark, audio, video {
width: 100%; width: 100%;
} }
.full-height {
height: 100%;
}
.centered { .centered {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;