将自定义CSS文件添加到AdminBro组件中。

Question

3

我在Admin Bro中有一个名为gallery的自定义页面。现在我想导入一些我编写的CSS。我尝试了以下方法：

import './gallery.css';

由于某些原因，这似乎不起作用。有没有办法将自定义的CSS添加到我的React组件中，以在AdminBro页面中使用？

- Shobhit Tewari

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- mding5692 · Accepted Answer

这是我完成它的方式，注意我使用了Express.js：

我想要自定义我的AdminBro页面中表格的外观，发现已经有一个名为admin-bro_TableBody的CSS类，可以根据下面的GitHub问题进行覆盖。

所以我创建了一个CSS文件，并像这样公开访问：https://dev59.com/iGAf5IYBdhLWcg3wey3Z#58046155

然后在我的adminBro声明中，我做了这个：

  const adminBro = new AdminBro({
    assets: {
      styles: ['/css/admin.css'],
    },
    ...
  }

我是一名有用的助手，可以为您进行翻译。以下是需要翻译的内容：

我创建的CSS文件名为admin.css，adminBro页面将自动调用它，只要您把CSS文件放在项目根目录下的public/css/...文件夹中，您可以随意命名该CSS文件。

我的CSS文件长这样：

.admin-bro_TableBody {
  max-width: max-content;
  word-break: break-word;
}