fix android install prompt

philipp-1337 · Sep 30, 2024 · f852874 · f852874
1 parent 9884252
commit f852874
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/app/prompt/prompt.component.html b/src/app/prompt/prompt.component.html
@@ -1,11 +1,11 @@
-<mat-toolbar *ngIf="data.mobileType === 'android'" color="primary" class="android-prompt">
+<div *ngIf="data.mobileType === 'android'" class="android-prompt">
     <button mat-button (click)="installPwa()">
         App installieren
     </button>
-    <button mat-icon-button (click)="close()" class="css-util position top-right">
+    <button mat-icon-button (click)="close()" class="css-util position center-right">
         <mat-icon svgIcon="close" color="warn"></mat-icon>
     </button>
-</mat-toolbar>
+</div>
 
 <div *ngIf="data.mobileType === 'ios'" class="ios-prompt">
     <button mat-icon-button (click)="close()" class="css-util position top-right">

diff --git a/src/styles.scss b/src/styles.scss
@@ -128,5 +128,11 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
         right: 0 !important;
         top: 0 !important;
       }
+
+      &.center-right { // Neue Klasse
+        right: 0 !important;
+        top: 50% !important;
+        transform: translateY(-50%) !important; // Vertikal zentrieren
+      }
     }
   }