chore: wat
This commit is contained in:
parent
2d42298467
commit
31de9de6c2
Binary file not shown.
Before Width: | Height: | Size: 594 KiB |
Binary file not shown.
Before Width: | Height: | Size: 594 KiB |
|
@ -1,29 +0,0 @@
|
|||
import './stage.scss';
|
||||
|
||||
import {Stage as PStage} from '@inlet/react-pixi';
|
||||
import {PropTypes, React} from '@latus/react';
|
||||
|
||||
const Stage = ({children, width, height}) => (
|
||||
<div className="stage">
|
||||
<PStage
|
||||
width={width}
|
||||
height={height}
|
||||
options={{transparent: true}}
|
||||
>
|
||||
{children}
|
||||
</PStage>
|
||||
</div>
|
||||
);
|
||||
|
||||
Stage.defaultProps = {
|
||||
height: 450,
|
||||
width: 800,
|
||||
};
|
||||
|
||||
Stage.propTypes = {
|
||||
children: PropTypes.node.isRequired,
|
||||
height: PropTypes.number,
|
||||
width: PropTypes.number,
|
||||
};
|
||||
|
||||
export default Stage;
|
|
@ -1,24 +0,0 @@
|
|||
// .stage {
|
||||
// display: inline-block;
|
||||
// left: 50%;
|
||||
// line-height: 0;
|
||||
// position: absolute;
|
||||
// top: 50%;
|
||||
// transform: translate(-50%, -50%);
|
||||
// > canvas {
|
||||
// image-rendering: pixelated;
|
||||
// }
|
||||
// }
|
||||
|
||||
// /* Exact aspect ratio, put it at the bottom to avoid override*/
|
||||
// @media (max-aspect-ratio: 16/9) {
|
||||
// .stage, .stage > canvas {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
|
||||
// @media (min-aspect-ratio: 16/9) {
|
||||
// .stage, .stage > canvas {
|
||||
// height: 100%;
|
||||
// }
|
||||
// }
|
Loading…
Reference in New Issue
Block a user