At the end it was as simple as using an img tag and put it inside a q-card-media.
Then for the background thing it was just a matter of using bg-primary class on the title:
<img src='~assets/MedUX.svg' />
<q-field icon='person' helper='should be an email'>
<q-input v-model='username' float-label='Username'/>
<q-field icon='lock' helper='Length is at least 10'>
<q-input v-model='password' type='password' float-label='Password'/>
<q-btn color='primary' label='Login' @click='submit' class='full-width'></q-btn>
Now the only missing part is how to use a subtitle with a primary text color
This is a limitation of Webpack and nothing Quasar can do for you unfortunately. Have you considered moving to assets to let Webpack deal with it? Also please read http://quasar-framework.org/guide/app-handling-assets.html and make sure you understand all of it.
I know it is just a material design thing & I really hate to deviate from standards and make special cases. My users were just asking for it. I had already started to inspect the CSS and overwrite things, I just figured I would ask to see if there was a “better” way.
Thanks for your help ! The problem was that the plugin ‘media-capture’ was not asking for permission to access to READ_EXTERNAL_STORAGE of the phone.
Indeed @rstoenescu it’s better too with a <video> tag as @Katachinsky suggested !
If someone has the same problem, here is a link to the plugin i installed to ask the permission for the app to access to the storage :
The first mixin with the fluid font-size etc. Is it possible that it doesn’t work well with setting some height to vh?
Your problem may be related to an issue where some browsers doesn’t allow vh and vw values inside calc() expressions.
(what about rem and em?)
It should work as expected, as my mixin and the one you provided in Sass should output the same on a demo using em. If the outputs are different, let me know.
If I understand @anonimo correctly the issue was that he was not using a webserver for serving the build files.
Build files only work when served via a proper webserver and not when you open the index file in a browser.
Hi, solved by modify quasar.conf.js on this section.
comment vueRouterMode so it back to use hash instead of HTML5 history mode. I’m not sure if this will cause any issue with Quasar thought… since Quasar config enable this by default.
add publicPath: ‘.’
// vueRouterMode: ‘history’,
// gzip: true,
// analyze: true,
// extractCSS: false,
// useNotifier: false,
Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.