Блог

Стиль элементов FilePond по умолчанию, импортированных из стандартного css, кажется немного маленьким. Есть ли рекомендуемый способ достичь размера, показанного в примерах наhttps://pqina.nl/filepond /?

Кажется, стиль по умолчанию в css использует размер шрифта 10 пикселей.

По умолчанию для font-size корневого элемента FilePond установлено значение 1rem .

Вы можете увеличить или уменьшить его, установив другой размер.

 .filepond--root { font-size: 1.25rem; }
  

Используйте em вместо rem , если вы хотите масштабировать FilePond относительно его родительского элемента.

Я только что наткнулся на это.

если вы используете Filepond в проекте nextjs и вам сложно применить размер шрифта к вашему компоненту Filepond. просто добавьте Filepond css по умолчанию в свой стиль global.css и настройте его.

например ///global.css

.filepond--root{font-size: 10px;}