mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-29 05:29:37 +08:00
Code Issues Actions 22 Packages Projects Releases Wiki Activity

site: large github button

Browse Source
This commit is contained in:
Wei Zhu 2018-01-09 14:27:56 +08:00
parent 7694a52374
commit d7fb63f8c3
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
site/theme/static/home.less
View File

@ -87,6 +87,12 @@
bottom: 26px;
}
.banner-btns {
display: flex;
align-items: center;
margin-top: 24px;
}
.banner-btn {
padding: 0 24px;
border-radius: 100px;
@ -106,10 +112,6 @@
border: 1px solid #2f54eb;
color: #2f54eb;
}
.github-btn {
display: inline-block;
vertical-align: text-bottom;
}
}
svg {

17
site/theme/template/Home/Banner.jsx
View File

@ -63,21 +63,20 @@ class Banner extends React.PureComponent {
<FormattedMessage id="app.home.introduce" />
</p>
{!isMobile && (
<div key="buttons" style={{ marginTop: 24 }}>
<div className="banner-btns" key="buttons">
<Link className="banner-btn components" to={utils.getLocalizedPathname('/docs/react/introduce', isZhCN)}>
<FormattedMessage id="app.home.getting-started" />
</Link>
<Link className="banner-btn language" to={utils.getLocalizedPathname('/docs/spec/introduce', isZhCN)}>
<FormattedMessage id="app.home.design-language" />
</Link>
<div className="github-btn">
<GitHubButton
key="github-button"
type="stargazers"
namespace="ant-design"
repo="ant-design"
/>
</div>
<GitHubButton
key="github-button"
size="large"
type="stargazers"
namespace="ant-design"
repo="ant-design"
/>
</div>
)}
</QueueAnim>