github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-01-24 10:33:50 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

style: tabs bottom double line fix (#3415)

Browse Source
This commit is contained in:
xachary 2023-12-14 09:27:48 +08:00 committed by GitHub
parent e23f29464b
commit af6e73b83f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/layouts/default/tabs/index.less
View File

@ -5,6 +5,7 @@ html[data-theme='light'] {
.@{prefix-cls} {
.ant-tabs-tab:not(.ant-tabs-tab-active) {
border: 1px solid #d9d9d9 !important;
border-bottom-color: #f0f0f0 !important;
}
}
}
@ -41,7 +42,7 @@ html[data-theme='light'] {
.ant-tabs.ant-tabs-card {
.ant-tabs-nav {
height: @multiple-height;
height: @multiple-height + 2;
margin: 0;
padding-top: 2px;
border: 0;
@ -54,12 +55,12 @@ html[data-theme='light'] {
}
.ant-tabs-tab {
height: calc(@multiple-height - 2px);
height: calc(@multiple-height);
padding-right: 12px;
transition: none;
background-color: @component-background;
color: @text-color-base;
line-height: calc(@multiple-height - 2px);
line-height: calc(@multiple-height);
&:hover {
.ant-tabs-tab-remove {