elpatron/kapteins-daagbok
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

style(client): center PWA update and install banners properly

Browse Source
This commit is contained in:
elpatron
2026-06-03 19:16:56 +02:00
parent 5c77bbfdc3
commit 9554f4b66e
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/App.css
+6 -4
View File
@@ -5297,8 +5297,9 @@ html.theme-cupertino .events-scroll-container {
/* PWA install prompt */ /* PWA install prompt */
.pwa-install-banner { .pwa-install-banner {
position: fixed; position: fixed;
left: 16px; left: 0;
right: 16px; right: 0;
width: calc(100% - 32px);
bottom: calc(36px + env(safe-area-inset-bottom, 0px)); bottom: calc(36px + env(safe-area-inset-bottom, 0px));
z-index: 1200; z-index: 1200;
display: grid; display: grid;
@@ -5461,8 +5462,9 @@ html.theme-cupertino .events-scroll-container {
.pwa-update-banner { .pwa-update-banner {
position: fixed; position: fixed;
top: calc(12px + env(safe-area-inset-top, 0px)); top: calc(12px + env(safe-area-inset-top, 0px));
left: 16px; left: 0;
right: 16px; right: 0;
width: calc(100% - 32px);
z-index: 1300; z-index: 1300;
display: grid; display: grid;
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;