|
|
|
@ -142,18 +142,28 @@ export class CameraControlBtn extends React.Component<{}, {}>
|
|
|
|
|
{
|
|
|
|
|
let store = CameraControlBtnStore.GetInstance();
|
|
|
|
|
const btnStyle: React.CSSProperties = {
|
|
|
|
|
fontSize: "11px",
|
|
|
|
|
fontSize: "14px",
|
|
|
|
|
textAlign: "center",
|
|
|
|
|
minHeight: "15px",
|
|
|
|
|
height: "15px",
|
|
|
|
|
lineHeight: "1px",
|
|
|
|
|
minHeight: "17px",
|
|
|
|
|
height: "17px",
|
|
|
|
|
lineHeight: "100%",
|
|
|
|
|
padding: 2,
|
|
|
|
|
minWidth: 20,
|
|
|
|
|
color: "#fff",
|
|
|
|
|
background: "black"
|
|
|
|
|
boxSizing: "border-box",
|
|
|
|
|
borderRadius: "5px",
|
|
|
|
|
};
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<div style={{
|
|
|
|
|
display: 'flex',
|
|
|
|
|
flexDirection: 'row',
|
|
|
|
|
justifyItems: 'center',
|
|
|
|
|
gap: '2px',
|
|
|
|
|
background: 'rgba(1,1,1,0.6)',
|
|
|
|
|
borderRadius: '2px',
|
|
|
|
|
padding: 2,
|
|
|
|
|
boxShadow: '0 0 2px white inset',
|
|
|
|
|
}}>
|
|
|
|
|
<Popover
|
|
|
|
|
isOpen={this.state.isOpenToolbar === true ? true : undefined}
|
|
|
|
|
modifiers={{ arrow: { enabled: false } }}
|
|
|
|
|