mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity

chore: fix tabs-demo style in compact mode (#24922)

Browse Source
This commit is contained in:
zefeng 2020-06-12 23:17:45 +08:00 committed by GitHub
parent 8a2ccae477
commit 02021836e1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
components/tabs/demo/card-top.md
View File

@ -57,19 +57,18 @@ ReactDOM.render(
.card-container > .ant-tabs-card > .ant-tabs-nav::before {
display: none;
}
.card-container > .ant-tabs-card .ant-tabs-tab {
.card-container > .ant-tabs-card .ant-tabs-tab,
[data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-tab {
border-color: transparent;
background: transparent;
}
.card-container > .ant-tabs-card .ant-tabs-tab-active {
.card-container > .ant-tabs-card .ant-tabs-tab-active,
[data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-tab-active {
border-color: #fff;
background: #fff;
}
```
<style>
#components-tabs-demo-card-top .code-box-demo {
background: #F5F5F5;
background: #f5f5f5;
overflow: hidden;
padding: 24px;
}
@ -77,18 +76,18 @@ ReactDOM.render(
height: 120px;
margin-top: -8px;
}
[data-theme="dark"] .card-container > .ant-tabs-card .ant-tabs-tab {
[data-theme='dark'] .card-container > .ant-tabs-card .ant-tabs-tab {
border-color: transparent;
background: transparent;
}
[data-theme="dark"] #components-tabs-demo-card-top .code-box-demo {
[data-theme='dark'] #components-tabs-demo-card-top .code-box-demo {
background: #000;
}
[data-theme="dark"] .card-container > .ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane {
[data-theme='dark'] .card-container > .ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane {
background: #141414;
}
[data-theme="dark"] .card-container > .ant-tabs-card .ant-tabs-tab-active {
[data-theme='dark'] .card-container > .ant-tabs-card .ant-tabs-tab-active {
border-color: #141414;
background: #141414;
}
</style>
```