将自定义CSS文件添加到AdminBro组件中
我在Admin Bro中有一个名为gallery的自定义页面。现在在他们的网站中,我想导入一些我编写的css。我试过这个:将自定义CSS文件添加到AdminBro组件中,css,reactjs,import,admin-bro,Css,Reactjs,Import,Admin Bro,我在Admin Bro中有一个名为gallery的自定义页面。现在在他们的网站中,我想导入一些我编写的css。我试过这个: import './gallery.css'; 出于某种原因,这似乎不起作用。这是我可以在AdminBro页面中将自定义css添加到react组件中的任何方法。我是这样做的,请注意,我使用的是Express.js: 我试图在我的AdminBro页面中自定义一个表的外观,看到已经有一个admin-bro_TableBodycss类,并且可以基于以下问题覆盖它: 因此,我创
import './gallery.css';
出于某种原因,这似乎不起作用。这是我可以在AdminBro页面中将自定义css添加到react组件中的任何方法。我是这样做的,请注意,我使用的是Express.js: 我试图在我的AdminBro页面中自定义一个表的外观,看到已经有一个
admin-bro_TableBody
css类,并且可以基于以下问题覆盖它:
因此,我创建了一个css文件,并将其公开访问,如下所示:
然后在我的adminBro声明中,我做了以下几点:
const adminBro = new AdminBro({
assets: {
styles: ['/css/admin.css'],
},
...
}
我创建的css文件名为admin.css,adminBro页面会自动抓取它,你可以随意命名css文件,只要它在public/css/。。。项目根目录中的文件夹
我的CSS文件是什么样子的:
.admin-bro_TableBody {
max-width: max-content;
word-break: break-word;
}
很干净。我可以用这种技术制作一个自定义页面css吗?应该能够,只是自定义css类,然后可以在css文件中引用,所以只是普通的html/css内容,只需要确保这些css类在自定义页面中使用