diff --git a/src/components/PageHeader/demo/standard.md b/src/components/PageHeader/demo/standard.md index 3f9c2a819b12c670c0816c5b8b62bbde8d83f761..e433048570a2421bdb1b55caa73dc758bb48dee8 100644 --- a/src/components/PageHeader/demo/standard.md +++ b/src/components/PageHeader/demo/standard.md @@ -8,9 +8,10 @@ title: Standard ````jsx import PageHeader from 'ant-design-pro/lib/PageHeader'; import DescriptionList from 'ant-design-pro/lib/DescriptionList'; -import { Button, Menu, Icon, Row, Col } from 'antd'; +import { Button, Menu, Dropdown, Icon, Row, Col } from 'antd'; const { Description } = DescriptionList; +const ButtonGroup = Button.Group; const description = ( @@ -31,8 +32,13 @@ const menu = ( const action = (
- - + + + + + + +
); diff --git a/src/components/PageHeader/index.less b/src/components/PageHeader/index.less index c559441f20ff815a6cc12e29904016f0ecb0b977..3b8b5fe37f87a6bde29db8237cca205d6ceeacc4 100644 --- a/src/components/PageHeader/index.less +++ b/src/components/PageHeader/index.less @@ -118,10 +118,14 @@ .pageHeader { .action { :global { - .ant-btn-group, :not(.ant-btn-group) .ant-btn { + .ant-btn-group, .ant-btn { display: block; margin-bottom: 8px; } + .ant-btn-group > .ant-btn { + display: inline-block; + margin-bottom: 0; + } } } } diff --git a/src/routes/Profile/AdvancedProfile.js b/src/routes/Profile/AdvancedProfile.js index d97d71d2d1ea7fc3cbeda991caa845be9848456d..80ce8a25ed36e19d375f33ec4515a19ba44894e9 100644 --- a/src/routes/Profile/AdvancedProfile.js +++ b/src/routes/Profile/AdvancedProfile.js @@ -10,6 +10,7 @@ import styles from './AdvancedProfile.less'; const { Step } = Steps; const { Description } = DescriptionList; +const ButtonGroup = Button.Group; const getWindowWidth = () => (window.innerWidth || document.documentElement.clientWidth); @@ -23,13 +24,13 @@ const menu = ( const action = (
- - - - - + + + + + + +
);