Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improvements to the header on Safari for iOS (Progressive Web App) #180

Closed
tdeverx opened this issue Mar 16, 2021 · 2 comments
Closed

Improvements to the header on Safari for iOS (Progressive Web App) #180

tdeverx opened this issue Mar 16, 2021 · 2 comments

Comments

@tdeverx
Copy link

tdeverx commented Mar 16, 2021

Currently, when you add Vue to your home screen as a Progressive Web App, the header has a black bar at the top to accommodate for the "notch". However, this is easily fixed with a tiny bit of code.

You may refer to this blog post on how to implement the fix.

https://medium.com/appscope/changing-the-ios-status-bar-of-your-progressive-web-app-9fc8fbe8e6ab

WDaan added a commit that referenced this issue Mar 25, 2021
@WDaan
Copy link
Collaborator

WDaan commented Mar 25, 2021

Thanks for the tip, I've chose the translucent option!

I have no way of testing it myself so we'll have to see upon release.

@WDaan
Copy link
Collaborator

WDaan commented Apr 3, 2021

Shoudl be fixed with release 0.7.0, feel free to re-open if not

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants