Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3697 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3697 Rev 3719
Línea 1... Línea 1...
1 
import { IconButton, styled } from '@mui/material';
 1 
import { IconButton, styled } from '@mui/material';
2 
 
 2 
 
3 
export const DragAndDropContainer = styled('div')`
 3 
export const DragAndDropContainer = styled('div')`
4 
  display: flex;
 4 
  display: flex;
5 
  flex-direction: column;
 5 
  flex-direction: column;
6 
  align-items: center;
 6 
  align-items: center;
7 
  padding: 2rem 0;
 7 
  padding: 2rem 0;
8 
  border: 2px dashed #eee;
 8 
  border: 2px dashed #eee;
9 
  border-radius: 2;
 9 
  border-radius: 2;
10 
  background-color: #fafafa;
 10 
  background-color: #fafafa;
11 
  color: #bdbdbd;
 11 
  color: #bdbdbd;
12 
  outline: none;
 12 
  outline: none;
13 
  transition: border 0.24s ease-in-out;
 13 
  transition: border 0.24s ease-in-out;
14 
  text-align: center;
 14 
  text-align: center;
15 
  cursor: pointer;
 15 
  cursor: pointer;
16 
`;
 16 
`;
17 
 
 17 
 
18 
export const PreviewContainer = styled('div')`
 18 
export const PreviewContainer = styled('div')`
19 
  display: flex;
 19 
  display: flex;
20 
  position: relative;
 20 
  position: relative;
21 
  justify-content: center;
 21 
  justify-content: center;
22 
 
 22 
  width: 100%;
23 
  img,
 23 
  img,
24 
  video,
 24 
  video,
25 
  object {
 25 
  object {
26 
    width: 80%;
 26 
    width: 100%;
27 
    max-height: 200px;
 27 
    height: 100%;
28 
    max-width: 350px;
 28 
    max-height: 500px;
29 
    object-fit: contain;
 29 
    object-fit: contain;
30 
    display: block;
 - 
 
31 
    margin: 0 auto;
 - 
 
32 
  }
 30 
  }
33 
`;
 31 
`;
34 
 
 32 
 
35 
export const CloseButton = styled(IconButton)`
 33 
export const CloseButton = styled(IconButton)`
36 
  position: absolute;
 34 
  position: absolute;
37 
  background-color: #000;
 35 
  background-color: #000;
38 
  color: #fff;
 36 
  color: #fff;
39 
  right: 1rem;
 37 
  right: 1rem;
40 
  svg {
 38 
  svg {
41 
    font-size: 1rem;
 39 
    font-size: 1rem;
42 
  }
 40 
  }
43 
`;
 41 
`;