@hypernetlabs/web-ui
Version:
Web ui react components for hypernet protocol
53 lines • 1.52 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
const core_1 = require("@material-ui/core");
exports.useStyles = (0, core_1.makeStyles)({
wrapper: {
display: "flex",
flexDirection: "column",
padding: "20px 0",
height: "auto",
},
select: {
fontFamily: "'Roboto','Helvetica','Arial',sans-serif",
position: "relative",
width: "100%",
"&:after": {
position: "absolute",
top: "18px",
right: "10px",
width: "0",
height: "0",
padding: "0",
content: "''",
borderLeft: "6px solid transparent",
borderRight: "6px solid transparent",
borderTop: "6px solid rgba(0, 0, 0, 0.12)",
pointerEvents: "none",
},
},
selectText: {
position: "relative",
fontFamily: "inherit",
backgroundColor: "transparent",
padding: "10px 10px 10px 10px",
fontSize: "18px",
borderRadius: "4px",
border: "2px solid rgba(0,0,0, 0.12)",
appearance: "none",
WebkitAppearance: "none",
width: "100%",
color: "gray",
"&:focus": {
outline: "none",
border: "2px solid #4dc1ab",
},
},
selectLabel: {
textAlign: "left",
color: "rgba(0, 0, 0, 0.7)",
paddingBottom: 10,
},
});
//# sourceMappingURL=SelectInput.style.js.map