Однако, если вместо этого я импортирую CSS темы непосредственно из папки PrimeReact node_modules, отступы и границы будут отображаться правильно.
Я попробовал удалить базовые стили Tailwind из globals.css, и когда я это сделал, отступы и границы появились снова, но, очевидно, это нарушает стиль других компонентов. Когда я проверяю компонент «Календарь», он показывает, что сначала применяется базовый слой Tailwind, а затем стили PrimeReact.
Как я могу разрешить этот конфликт между базовыми стилями Tailwind и темой PrimeReact?globals.css
Код: Выделить всё
@layer primereact, tailwind-base, tailwind-utilities;
@layer tailwind-base {
@tailwind base;
}
@layer tailwind-utilities {
@tailwind components;
@tailwind utilities;
}


Подробнее здесь: https://stackoverflow.com/questions/791 ... nd-padding