Margins and paddings are getting lost in some components in production

PrimeFlex is a lightweight responsive CSS utility library to accompany Prime UI libraries and static webpages
Post Reply
thalys.gadelha
Posts: 3
Joined: 28 Dec 2021, 18:09

11 Jan 2022, 02:17

Hi everyone, I'm facing a strange issue in my app that is the loss of margins and paddings of some components only in production.
I'm not sure if this is happening with all components, but the case I discovered is with Toasts.

I'm using Vue 3 and PrimeFlex 3 as well (already checked it in package.json and package-lock.json).

Here is a Toast being triggered locally, in dev mode:
Image

And here below is a Toast being triggered in production:
Image

Could anyone help me? I can post any configuration files, if needed.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

26 Apr 2022, 03:38

Hi,

I couldn't replicate this issue on our showcase and all Premium Layouts. Could you please check the following css in the inspector of the browser on production?

Code: Select all

.p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
    border-width: 0 0 0 6px;
}

Post Reply

Return to “PrimeFlex”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests