浏览代码

fix(Header): 顶部菜单混合模式下,头部导航栏样式错位 #3021 (#3024)

* fix(Header): 顶部菜单混合模式下,头部导航栏样式错位 #3021

antdv4的ant-layout-header css会携带父选择器 导致line-height失效

* chore: 移除无用css
invalid w 1 年之前
父节点
当前提交
b0c2ca5393
共有 2 个文件被更改,包括 2 次插入2 次删除
  1. 1 1
      src/layouts/default/header/index.less
  2. 1 1
      src/layouts/default/header/index.vue

+ 1 - 1
src/layouts/default/header/index.less

@@ -3,7 +3,7 @@
 @breadcrumb-prefix-cls: ~'@{namespace}-layout-breadcrumb';
 @logo-prefix-cls: ~'@{namespace}-app-logo';
 
-.@{header-prefix-cls} {
+.ant-layout .@{header-prefix-cls} {
   display: flex;
   align-items: center;
   justify-content: space-between;

+ 1 - 1
src/layouts/default/header/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <Layout.Header :class="getHeaderClass" style="height: auto; padding-inline: 0">
+  <Layout.Header :class="getHeaderClass">
     <!-- left start -->
     <div :class="`${prefixCls}-left`">
       <!-- logo -->