wobsoriano / vuetify-sonner

Stackable toast component for Vuetify.
https://vuetify-sonner.vercel.app
MIT License
121 stars 7 forks source link

How to make styling work correctly? #27

Open DyingDown opened 7 months ago

DyingDown commented 7 months ago

Describe the feature

I've encountered an issue with the styling of this plugin.

I imported the css in my App.vue file by import 'vuetify-sonner/style.css'

However the output style seems not correct. And this is how I call the function.

toast('Invalid input', {
  duration: 1000000,
  cardProps: {
    color: 'error',
    prependIcon: 'mdi-alert-circle',
  },
})

image

I'm not sure whether the style.css is successfully imported and working, but I found this:

image

Could you please advise on how I can ensure that the styling from this plugin is correctly applied?

I'm using "vuetify-sonner": "^0.3.14"