Rev 15268 | 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',
maxWidth: '100%'
}
export const imgStyle = {
display: 'block',
width: '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',
width: '100%'
}
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',
}