I tried the steps again and was able to see all styling. Perhaps you could check if your npm is up to date and other settings are correct. You could also use Chrome Developer Tool to see if there’s any error behind the scene.
I tried the steps again and was able to see all styling. Perhaps you could check if your npm is up to date and other settings are correct. Also, you can you Chrome Developer tool to check if there’s any errors behind the scene.
It seems npm version issue.
I accidentally installed the latest version of npm which caused the issue.
In the latest version of npm I tried to clean cache and reinstall node_modules. (all under macOS)
All appears the same issue.
I also tried under windows, the issue does not exist.
After I downgrade npm to 4.5.0 everything works just fine.
Thanks for reply.
The thing is, Quasar as a framework requires some prior knowledge in using reactive UI libraries. Teaching that in a tutorial would be a massive undertaking, which has actually been done for Vue. If you know Vue and how it works, you’ll get most of how Quasar works.
Ok, took a look (sorry for the delay). Remove the max-width on the .boxed-layout CSS class and apply a max-width and margin 0 auto within the pages themselves. Hope I understood correctly what you are trying to do.
I’d say, if you are starting out with a new project, you should start with v0.14 (dev), since it is a fair departure from v0.13.x. It’s still WIP and the docs are being worked on. So, use it at your own risk.
@rstoenescu Thank you very much! However I’ve found a better solution for me right now, and I think that with the new features may be this one can wait a bit and be released forward in a future minor version.
Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.