docs: tweak site style

This commit is contained in:
afc163 2019-12-31 14:52:53 +08:00
parent cc2a29ca54
commit fe66df0df1
2 changed files with 14 additions and 14 deletions

View File

@ -36,23 +36,29 @@
margin-top: 72px; margin-top: 72px;
white-space: nowrap; white-space: nowrap;
a {
margin: 0 8px;
}
button { button {
height: auto; height: auto;
margin: 0 8px;
padding: 8px 24px; padding: 8px 24px;
font-size: 14px; font-size: 14px;
border-color: @home-color; border-color: @home-color;
color: @home-color;
&:hover { &:hover {
border-color: @home-color; color: tint(@home-color, 20%);
border-color: tint(@home-color, 20%);
} }
&.ant-btn-primary { &.ant-btn-primary {
background: @home-color; background: @home-color;
} color: #fff;
&:not(.ant-btn-primary) { &:hover {
color: @home-color; background-color: tint(@home-color, 20%);
}
} }
} }
} }

View File

@ -5,7 +5,7 @@ import { Link } from 'bisheng/router';
import { FormattedMessage, injectIntl } from 'react-intl'; import { FormattedMessage, injectIntl } from 'react-intl';
import classNames from 'classnames'; import classNames from 'classnames';
import { SearchOutlined, MenuOutlined } from '@ant-design/icons'; import { SearchOutlined, MenuOutlined } from '@ant-design/icons';
import { Select, Menu, Row, Col, Popover, Input, Button, Badge } from 'antd'; import { Select, Menu, Row, Col, Popover, Input, Button } from 'antd';
import * as utils from '../utils'; import * as utils from '../utils';
import { version as antdVersion } from '../../../../package.json'; import { version as antdVersion } from '../../../../package.json';
@ -197,11 +197,7 @@ class Header extends React.Component {
<Menu.SubMenu <Menu.SubMenu
key="ecosystem" key="ecosystem"
className="hide-in-home-page" className="hide-in-home-page"
title={ title={<FormattedMessage id="app.header.menu.ecosystem" />}
<Badge dot>
<FormattedMessage id="app.header.menu.ecosystem" />
</Badge>
}
> >
<Menu.Item key="pro"> <Menu.Item key="pro">
<a <a
@ -210,9 +206,7 @@ class Header extends React.Component {
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
<Badge dot> <FormattedMessage id="app.header.menu.pro.v4" />
<FormattedMessage id="app.header.menu.pro.v4" />
</Badge>
</a> </a>
</Menu.Item> </Menu.Item>
<Menu.Item key="ng"> <Menu.Item key="ng">