mirrors/PairDrop
1
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2025-04-20 15:06:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make PWA standalone

Browse source
This commit is contained in:
schlagmichdoch 2025-02-13 20:07:38 +01:00
parent 629328c2f6
commit 8a833cd69d
3 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/manifest.json
View file

@ -26,7 +26,7 @@
} }
], ],
"background_color": "#efefef", "background_color": "#efefef",
"display": "minimal-ui", "display": "standalone",
"theme_color": "#3367d6", "theme_color": "#3367d6",
"screenshots" : [ "screenshots" : [
{ {

2
public/scripts/main.js
View file

@ -81,7 +81,7 @@ class PairDrop {
} }
onPwaInstallable(e) { onPwaInstallable(e) {
if (!window.matchMedia('(display-mode: minimal-ui)').matches) { if (!window.matchMedia('(display-mode: standalone)').matches) {
// only display install btn when not installed // only display install btn when not installed
this.$headerInstallBtn.removeAttribute('hidden'); this.$headerInstallBtn.removeAttribute('hidden');
this.$headerInstallBtn.addEventListener('click', () => { this.$headerInstallBtn.addEventListener('click', () => {

7
public/styles/styles-main.css
View file

@ -909,6 +909,13 @@ x-peers:empty~x-instructions {
} }
} }
/* PWA Standalone styles */
@media all and (display-mode: standalone) {
footer {
padding-bottom: 34px;
}
}
/* Constants */ /* Constants */
:root { :root {