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