search

creativetimofficial / vuetify-material-dashboard

Vuetify Material Dashboard - Open Source Material Design Admin by Creative Tim
https://www.creative-tim.com/product/vuetify-material-dashboard
MIT License
1.31k stars 945 forks source link

[Bug] v-alert doesn't fill v-snackbar width if not enough content #57

Open matteoraf opened 4 years ago

matteoraf commented 4 years ago

Version

2.1.0

Reproduction link

https://demos.creative-tim.com/vuetify-material-dashboard/index.html#/components/notifications

Operating System

Ubuntu

Device

MacbookPro

Browser & Version

Chrome 80.0.3987.162

Steps to reproduce

insert this component ` <base-material-snackbar v-model="snackbar"

Welcome `

What is expected?

The alert inside the snackbar should fill the full width of the snackbar

What is actually happening?

The alert width is reduced to the minimum necessary to show the content, but you can see the transparent snackbar component behind

Solution

Add property width="100%" to <base-material-alert> component in https://github.com/creativetimofficial/vuetify-material-dashboard/blob/master/src/components/base/MaterialSnackbar.vue at line 17

Additional comments