@hypernetlabs/web-ui
Version:
Web ui react components for hypernet protocol
44 lines • 1.2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
const core_1 = require("@material-ui/core");
const theme_1 = require("../../theme");
exports.useStyles = (0, core_1.makeStyles)({
container: {
position: "absolute",
top: 0,
left: 0,
height: "100%",
width: "100%",
backgroundColor: "rgba(0,0,0,0.6)",
fontFamily: '"Inter", sans-serif',
fontWeight: 400,
},
wrapper: {
position: "absolute",
background: theme_1.colors.GRAY100,
padding: "30px 20px",
textAlign: "center",
top: "50%",
left: "50%",
display: "flex",
justifyContent: "center",
borderRadius: 4,
transform: "translate(-50%, -50%)",
boxShadow: "0px 4px 20px #000000",
width: (props) => props.modalWidth,
},
closeIcon: {
position: "absolute",
right: 24,
marginRight: 10,
cursor: "pointer",
top: 38,
},
bottomText: {
alignSelf: "flex-end",
color: theme_1.colors.GRAY700,
marginTop: 24,
},
});
//# sourceMappingURL=Modal.style.js.map