infinimotion/frontend
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add zoom and device detection with warning component

Browse Source 
Introduces DeviceDetectionService and ZoomDetectionService to detect mobile devices and browser zoom level. Adds ZoomWarningComponent to display warnings for unsupported mobile devices and non-optimal browser zoom, and integrates it into the app layout. Updates routing to allow mobile access for the 'poc-model' route.
This commit is contained in:
Piet Ostendorp
2025-11-18 23:00:18 +01:00
parent 78144d7447
commit f4eb700ab4
8 changed files with 261 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/app-module.ts
View File

@@ -64,6 +64,7 @@ import { PurchaseSuccessComponent } from './purchase-success/purchase-success.co
import { PurchaseFailedComponent } from './purchase-failed/purchase-failed.component';
import { TicketSmallComponent } from './ticket-small/ticket-small.component';
import { TicketListComponent } from './ticket-list/ticket-list.component';
import { ZoomWarningComponent } from './zoom-warning/zoom-warning.component';
@NgModule({
@@ -107,6 +108,7 @@ import { TicketListComponent } from './ticket-list/ticket-list.component';
PurchaseFailedComponent,
TicketSmallComponent,
TicketListComponent,
ZoomWarningComponent,
],
imports: [
AppRoutingModule,