vueform/builder

No padding on right panel

adamberecz opened this issue · 2 comments

adamberecz commented

Environment

Reproduction

Describe the bug

Right panel is missing side paddings when used with the following configuration:

{
  leftPanel: ['elements'],
  rightPanel: ['form'],
}

Additional context

No response

Logs

No response

josh7weaver commented

As a temporary fix in our project I've added this styling in tailwind.scss which is only used for vueform so that wherever we render vueform builder we will have the correct padding on the sidebar panel, but obviously its not great to do it that way. I'd be happy to help fix if theres a way to get into the builder code!

@tailwind base;
@tailwind components;
@tailwind utilities;

// Form Builder
.vfb-panel {
  padding-right: 1.25rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
}

Thanks for creating this bug @adamberecz!

  • 👍1
adamberecz commented

Fixed in 1.2.0.

  • 🎉1