react-page-fy
Version:
71 lines (70 loc) • 2.09 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
page: function page(color) {
return {
pageBox: {
display: "flex",
justifyContent: "space-between",
flexWrap: "wrap",
margin: "1rem 2rem"
},
pageNumBox: {
display: "flex"
},
pagebtnBox: {
cursor: "pointer",
width: "2rem",
height: "2rem",
display: "flex",
justifyContent: "center",
alignItems: "center",
backgroundColor: "rgb(237, 237, 237)",
border: "0.08rem solid #e5e5e5"
},
btnDisabled: {
cursor: "no-drop",
color: "#ccc"
},
numBox: {
cursor: "pointer",
width: "2rem",
height: "2rem",
display: "flex",
justifyContent: "center",
alignItems: "center",
border: "0.08rem solid #e5e5e5",
color: "#707070"
},
numCurrent: {
backgroundColor: color.default,
color: "#fff"
},
jumpInput: {
width: "2rem",
height: "1.5rem",
border: "0.08rem solid #eee",
textAlign: "center",
margin: "0 0.375rem",
outline: "none",
padding: "0"
},
goVFn: {
display: "flex",
justifyContent: "center",
alignItems: "center",
background: "#ebae00",
color: "#fff",
width: "3rem",
height: "1.6rem",
margin: "0 0.5rem",
fontSize: "1rem",
borderRadius: "0.2rem",
cursor: "pointer"
}
};
}
};
//# sourceMappingURL=style.js.map