mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

better responsive page layout

Browse Source
This commit is contained in:
afc163 2016-12-25 19:18:08 +08:00
parent 517720895d
commit 27b3cdab05
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/theme/static/responsive.less
View File

@ -32,7 +32,7 @@
}
}
@media only screen and (min-width: 320px) and (max-width: 940px) {
@media only screen and (min-width: 320px) and (max-width: 1024px) {
#list,
#search-box {
display: none;

4
site/theme/template/Content/MainContent.jsx
View File

@ -194,7 +194,7 @@ export default class MainContent extends React.Component {
return (
<div className="main-wrapper">
<Row>
<Col lg={4} md={6} sm={24} xs={24}>
<Col lg={5} md={6} sm={24} xs={24}>
<Menu className="aside-container" mode="inline"
openKeys={this.state.openKeys}
selectedKeys={[activeMenuItem]}
@ -203,7 +203,7 @@ export default class MainContent extends React.Component {
{menuItems}
</Menu>
</Col>
<Col lg={20} md={18} sm={24} xs={24} className="main-container">
<Col lg={19} md={18} sm={24} xs={24} className="main-container">
{
props.demos ?
<ComponentDoc {...props} doc={localizedPageData} demos={props.demos} /> :

4
site/theme/template/Layout/Header.jsx
View File

@ -20,7 +20,7 @@ export default class Header extends React.Component {
componentDidMount() {
/* eslint-disable global-require */
require('enquire.js')
.register('only screen and (min-width: 320px) and (max-width: 940px)', {
.register('only screen and (min-width: 320px) and (max-width: 1024px)', {
match: () => {
this.setState({ menuMode: 'inline' });
},
@ -137,7 +137,7 @@ export default class Header extends React.Component {
<span>Ant Design</span>
</Link>
</Col>
<Col lg={20} md={18} sm={17} xs={0} style={{ display: 'block' }}>
<Col lg={20} md={18} sm={0} xs={0}>
<div id="search-box">
<Select
combobox