Button icons size can not be altered



  • The docs seem to indicate that when you use custom size (or use one of the default sizes) for a button the icon size adjusts accordingly. See docs and this picture:0_1525267339890_Screenshot from 2018-05-02 15-18-29.png

    However when I use e.g. this button:
    <q-btn
    v-if="$route.name === ‘home’"
    class="absolute-top-left"
    flat
    round
    wait-for-ripple
    dense
    size="160px"
    color="primary"
    icon=“close”
    @click.native=“goToSignIn”
    />
    The button indeed grows but icon stays same size. Same for other size values. I thought it might relate to using mdi icons, but when I use the default material icons I get same behavior. What’s wrong/ what am I doing wrong?



  • See this for a solution and whether that’s how it should be done…:
    https://github.com/quasarframework/quasar/issues/2033