GitHub
/
ant-design
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

pull/24979/head
zefeng 5 years ago
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
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 21
      components/tabs/demo/card-top.md

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

@ -57,19 +57,18 @@ ReactDOM.render(
.card-container > .ant-tabs-card > .ant-tabs-nav::before { .card-container > .ant-tabs-card > .ant-tabs-nav::before {
display: none; 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; border-color: transparent;
background: 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; border-color: #fff;
background: #fff; background: #fff;
} }
```
<style>
#components-tabs-demo-card-top .code-box-demo { #components-tabs-demo-card-top .code-box-demo {
background: #F5F5F5; background: #f5f5f5;
overflow: hidden; overflow: hidden;
padding: 24px; padding: 24px;
} }
@ -77,18 +76,18 @@ ReactDOM.render(
height: 120px; height: 120px;
margin-top: -8px; 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; border-color: transparent;
background: 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; 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; 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; border-color: #141414;
background: #141414; background: #141414;
} }
</style> ```

Write Preview
Loading…
Cancel
Save