Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 7386 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 7386 Rev 15268
Línea 1... Línea 1...
1 
export const thumbStyle = {
 1 
export const thumbStyle = {
2 
    display: "inline-flex",
 2 
	display: 'inline-flex',
3 
    borderRadius: "2px",
 3 
	borderRadius: '2px',
4 
    border: "1px solid #eaeaea",
 4 
	border: '1px solid #eaeaea',
5 
    marginBottom: "8px",
 5 
	marginBottom: '8px',
6 
    marginRight: "8px",
 6 
	marginRight: '8px',
7 
    width: "150px",
 7 
	width: '150px',
8 
    height: "150px",
 8 
	height: '150px',
9 
    padding: "4px",
 9 
	padding: '4px',
10 
    boxSizing: "border-box",
 10 
	boxSizing: 'border-box',
11 
    position: "relative",
 11 
	position: 'relative',
12 
    zIndex: "100",
 12 
	zIndex: '100',
13 
};
 13 
}
Línea 14... Línea 14...
14 
 
 14 
 
15 
export const thumbInnerStyle = {
 15 
export const thumbInnerStyle = {
16 
    display: "flex",
 16 
	display: 'flex',
17 
    minWidth: 0,
 17 
	minWidth: 0,
18 
    overflow: "hidden",
 18 
	overflow: 'hidden',
- 
 
 19 
	marginRight: '1.5rem',
19 
    marginRight: "1.5rem",
 20 
	maxWidth: '100%'
Línea 20... Línea 21...
20 
};
 21 
}
21 
 
 22 
 
22 
export const imgStyle = {
 23 
export const imgStyle = {
23 
    display: "block",
 24 
	display: 'block',
24 
    width: "auto",
 25 
	width: 'auto',
25 
    height: "100%",
 26 
	height: '100%',
Línea 26... Línea 27...
26 
    objectFit: "contain",
 27 
	objectFit: 'contain',
27 
};
 28 
}
28 
 
 29 
 
29 
export const CloseButtonContainer = {
 30 
export const CloseButtonContainer = {
30 
    width: "20px",
 31 
	width: '20px',
31 
    height: "20px",
 32 
	height: '20px',
32 
    position: "absolute",
 33 
	position: 'absolute',
33 
    top: "5px",
 34 
	top: '5px',
34 
    right: "0px",
 35 
	right: '0px',
Línea 35... Línea 36...
35 
    cursor: "pointer",
 36 
	cursor: 'pointer',
36 
    zIndex: "200",
 37 
	zIndex: '200',
37 
};
 38 
}
38 
 
 39 
 
39 
export const thumbsContainerStyle = {
 40 
export const thumbsContainerStyle = {
40 
    display: "flex",
 41 
	display: 'flex',
41 
    flexDirection: "row",
 42 
	flexDirection: 'row',
- 
 
 43 
	flexWrap: 'wrap',
42 
    flexWrap: "wrap",
 44 
	marginTop: 16,
Línea 43... Línea 45...
43 
    marginTop: 16,
 45 
	position: 'relative',
44 
    position: "relative",
 - 
 
45 
    justifyContent: "center",
 - 
 
46 
};
 - 
 
47 
 
 - 
 
48 
export const baseStyle = {
 - 
 
49 
    display: "flex",
 - 
 
50 
    flexDirection: "column",
 - 
 
51 
    alignItems: "center",
 - 
 
52 
    padding: "2rem 0",
 - 
 
53 
    borderWidth: 2,
 - 
 
54 
    borderRadius: 2,
 - 
 
55 
    borderColor: "#eeeeee",
 - 
 
56 
    borderStyle: "dashed",
 - 
 
57 
    backgroundColor: "#fafafa",
 - 
 
58 
    color: "#bdbdbd",
 - 
 
59 
    outline: "none",
 46 
	justifyContent: 'center',
- 
 
 47 
	width: '100%'
- 
 
 48 
}
- 
 
 49 
 
- 
 
 50 
export const baseStyle = {
- 
 
 51 
	display: 'flex',
- 
 
 52 
	flexDirection: 'column',
- 
 
 53 
	alignItems: 'center',
- 
 
 54 
	padding: '2rem 0',
- 
 
 55 
	borderWidth: 2,
- 
 
 56 
	borderRadius: 2,
- 
 
 57 
	borderColor: '#eeeeee',
- 
 
 58 
	borderStyle: 'dashed',
- 
 
 59 
	backgroundColor: '#fafafa',
- 
 
 60 
	color: '#bdbdbd',
- 
 
 61 
	outline: 'none',
60 
    transition: "border .24s ease-in-out",
 62 
	transition: 'border .24s ease-in-out',