search

PygmySlowLoris / vue-fab

Vue Floating Action Button
MIT License
273 stars 51 forks source link

Possible to resize icon size #3

Closed mifas closed 7 years ago

mifas commented 7 years ago

Hi

Is possible to resize the main icons and sub action's icons? Currently is quite big

Edujugon commented 7 years ago

Hi @mifas ,

Yeah, we'll add that feature in the coming version.

I'm updating this thread as soon as it's done.

hazzo commented 7 years ago

Hi @mifas,

Since version 2.0.9 now the fab can be adjusted in three sizes: 'small', 'medium' and 'large' by using the prop 'icon-size'.

I used the material icon size example to resize the fab.

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

If this sizes don't suit your necessities you can override the fab giving it a custom class.