Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
export const thumbStyle = {
display: "inline-flex",
borderRadius: "2px",
border: "1px solid #eaeaea",
marginBottom: "8px",
marginRight: "8px",
width: "150px",
height: "150px",
padding: "4px",
boxSizing: "border-box",
position: "relative",
zIndex: "100",
};
export const thumbInnerStyle = {
display: "flex",
minWidth: 0,
overflow: "hidden",
marginRight: "1.5rem",
};
export const imgStyle = {
display: "block",
width: "auto",
height: "100%",
objectFit: "contain",
};
export const CloseButtonContainer = {
width: "20px",
height: "20px",
position: "absolute",
top: "5px",
right: "0px",
cursor: "pointer",
zIndex: "200",
};
export const thumbsContainerStyle = {
display: "flex",
flexDirection: "row",
flexWrap: "wrap",
marginTop: 16,
position: "relative",
justifyContent: "center",
};
export const baseStyle = {
display: "flex",
flexDirection: "column",
alignItems: "center",
padding: "2rem 0",
borderWidth: 2,
borderRadius: 2,
borderColor: "#eeeeee",
borderStyle: "dashed",
backgroundColor: "#fafafa",
color: "#bdbdbd",
outline: "none",
transition: "border .24s ease-in-out",
marginTop: "1rem",
cursor: "pointer",
};