test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 12:09:14 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

docs: optimize layout demo css (#27369)

Browse Source
This commit is contained in:
xrk 2020-10-26 12:17:07 +08:00 committed by GitHub
parent a7ae888a90
commit c84cd88f51
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 30 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/layout/demo/basic.md
View File

@ -63,8 +63,8 @@ ReactDOM.render(
}
#components-layout-demo-basic .ant-layout-header,
#components-layout-demo-basic .ant-layout-footer {
background: #7dbcea;
color: #fff;
background: #7dbcea;
}
[data-theme="dark"] #components-layout-demo-basic .ant-layout-header {
background: #6aa0c7;
@ -76,18 +76,18 @@ ReactDOM.render(
line-height: 1.5;
}
#components-layout-demo-basic .ant-layout-sider {
background: #3ba0e9;
color: #fff;
line-height: 120px;
background: #3ba0e9;
}
[data-theme="dark"] #components-layout-demo-basic .ant-layout-sider {
background: #3499ec;
}
#components-layout-demo-basic .ant-layout-content {
background: rgba(16, 142, 233, 1);
color: #fff;
min-height: 120px;
color: #fff;
line-height: 120px;
background: rgba(16, 142, 233, 1);
}
[data-theme="dark"] #components-layout-demo-basic .ant-layout-content {
background: #107bcb;

10
components/layout/demo/custom-trigger-debug.md
View File

@ -98,14 +98,4 @@ ReactDOM.render(<SiderDemo />, mountNode);
#components-layout-demo-custom-trigger .trigger:hover {
color: #1890ff;
}
#components-layout-demo-custom-trigger .logo {
height: 32px;
background: rgba(255, 255, 255, 0.2);
margin: 16px;
}
.site-layout-background {
background: #fff;
}
```

2
components/layout/demo/custom-trigger.md
View File

@ -94,7 +94,7 @@ ReactDOM.render(<SiderDemo />, mountNode);
#components-layout-demo-custom-trigger .logo {
height: 32px;
background: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.3);
margin: 16px;
}

2
components/layout/demo/side.md
View File

@ -94,8 +94,8 @@ ReactDOM.render(<SiderDemo />, mountNode);
```css
#components-layout-demo-side .logo {
height: 32px;
background: rgba(255, 255, 255, 0.2);
margin: 16px;
background: rgba(255, 255, 255, 0.3);
}
.site-layout .site-layout-background {

17
components/layout/demo/top-side-2.md
View File

@ -83,20 +83,19 @@ ReactDOM.render(
```css
#components-layout-demo-top-side-2 .logo {
float: left;
width: 120px;
height: 31px;
background: rgba(255, 255, 255, 0.2);
margin: 16px 28px 16px 0;
float: left;
margin: 16px 24px 16px 0;
background: rgba(255, 255, 255, 0.3);
}
.ant-row-rtl #components-layout-demo-top-side-2 .logo {
float: right;
margin: 16px 0 16px 24px;
}
.site-layout-background {
background: #fff;
}
```
<style>
#components-layout-demo-top-side-2 .logo {
background: rgba(255, 255, 255, 0.3);
}
</style>

11
components/layout/demo/top-side.md
View File

@ -75,11 +75,16 @@ ReactDOM.render(
```css
#components-layout-demo-top-side .logo {
float: left;
width: 120px;
height: 31px;
background: rgba(255, 255, 255, 0.2);
margin: 16px 28px 16px 0;
float: left;
margin: 16px 24px 16px 0;
background: rgba(255, 255, 255, 0.3);
}
.ant-row-rtl #components-layout-demo-top-side .logo {
float: right;
margin: 16px 0 16px 24px;
}
.site-layout-background {

15
components/layout/demo/top.md
View File

@ -50,16 +50,20 @@ ReactDOM.render(
```css
.site-layout-content {
background: #fff;
padding: 24px;
min-height: 280px;
padding: 24px;
background: #fff;
}
#components-layout-demo-top .logo {
float: left;
width: 120px;
height: 31px;
background: rgba(255, 255, 255, 0.2);
margin: 16px 24px 16px 0;
float: left;
background: rgba(255, 255, 255, 0.3);
}
.ant-row-rtl #components-layout-demo-top .logo {
float: right;
margin: 16px 0 16px 24px;
}
```
@ -67,7 +71,4 @@ ReactDOM.render(
[data-theme="dark"] .site-layout-content {
background: #141414;
}
[data-theme="dark"] #components-layout-demo-top .logo {
background: rgba(255,255,255,0.3);
}
</style>