@veecode-platform/plugin-kong-service-manager
Version:
48 lines (45 loc) • 1.2 kB
JavaScript
import { makeStyles, createStyles, alpha } from '@material-ui/core';
const useSearchBarStyles = makeStyles(
(theme) => createStyles({
search: {
position: "relative",
borderRadius: theme.shape.borderRadius,
backgroundColor: alpha(theme.palette.common.black, 0.08),
"&:hover": {
backgroundColor: theme.palette.background.default
},
marginLeft: 0,
width: "100%",
[theme.breakpoints.up("sm")]: {
marginLeft: theme.spacing(1),
width: "auto"
}
},
searchIcon: {
padding: theme.spacing(0, 2),
height: "100%",
position: "absolute",
pointerEvents: "none",
display: "flex",
alignItems: "center",
justifyContent: "center"
},
inputRoot: {
color: "inherit"
},
inputInput: {
padding: theme.spacing(1, 1, 1, 0),
paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,
transition: theme.transitions.create("width"),
width: "100%",
[theme.breakpoints.up("sm")]: {
width: "12ch",
"&:focus": {
width: "20ch"
}
}
}
})
);
export { useSearchBarStyles };
//# sourceMappingURL=styles.esm.js.map