ant-design / ant-design-pro

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
https://pro.ant.design
MIT License
36.31k stars 8.14k forks source link

🧐[问题 | question] 怎么设置 自定义 header 的border-block-end #11203

Closed xiohuchi closed 5 months ago

xiohuchi commented 5 months ago

🧐 问题描述 | Problem description

export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) => {
  return {
    headerRender: () => {
      return <Header />;
    },
    .......
}

问题:内容和自定义header中间有一条横线,发现是layout-header.ant-pro-layout-header有个样式,

border-block-end : 1px solid rgba(5, 5, 5, 0.06)

怎么去除横线????

版本

2024年4月7日最新版

xiohuchi commented 5 months ago

已经解决了,global.less添加全局样式可以了

.ant-pro-layout .ant-layout-header.ant-pro-layout-header-fixed-header {
  border-block-end: 0 solid rgba(5, 5, 5, 0.06);
}