Web: Components: fixed toolbar width
This commit is contained in:
parent
1fb6d771b9
commit
5470378b79
@ -7,6 +7,8 @@ import MediaContextMenu from "../../../../public/images/vertical-dots.react.svg"
|
|||||||
const ToolbarItem = styled.li`
|
const ToolbarItem = styled.li`
|
||||||
height: 48px;
|
height: 48px;
|
||||||
width: 48px;
|
width: 48px;
|
||||||
|
|
||||||
|
${(props) => (props.isSeparator ? "width: 33px;" : "width: 48px;")}
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -127,6 +129,7 @@ export default function ViewerToolbar(props) {
|
|||||||
percent={config.percent ? props.percent : 100}
|
percent={config.percent ? props.percent : 100}
|
||||||
noHover={config.noHover}
|
noHover={config.noHover}
|
||||||
key={config.key}
|
key={config.key}
|
||||||
|
isSeparator={config.actionType === -1}
|
||||||
className={`${props.prefixCls}-btn`}
|
className={`${props.prefixCls}-btn`}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
handleAction(config);
|
handleAction(config);
|
||||||
|
Loading…
Reference in New Issue
Block a user