Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3478 Rev 3526
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { Modal as MuiModal } from '@mui/material';
 2 
import { Box, Modal as MuiModal } from '@mui/material';
Línea 3... Línea 3...
3 
 
 3 
 
4 
import { useModal } from '@shared/hooks';
 4 
import { useModal } from '@shared/hooks';
Línea 5... Línea 5...
5 
import { Card, CardHeader, CardContent } from './card';
 5 
import { Card, CardHeader, CardContent } from './card';
6 
 
 6 
 
Línea 7... Línea 7...
7 
export function Modal() {
 7 
export function Modal() {
8 
  const { show, title, content, closeModal } = useModal();
 8 
  const { show, title, content, closeModal } = useModal();
9 
 
 9 
 
10 
  return (
 10 
  return (
11 
    <MuiModal open={show} onClose={closeModal}>
 - 
 
12 
      <Card
 11 
    <MuiModal open={show} onClose={closeModal}>
13 
        styles={{
 12 
      <Box
14 
          maxWidth: '500px',
 13 
        sx={{
15 
          position: 'absolute',
 14 
          position: 'absolute',
16 
          top: '50%',
 15 
          top: '50%',
- 
 
 16 
          left: '50%',
17 
          left: '50%',
 17 
          transform: 'translate(-50%, -50%)',
18 
          transform: 'translate(-50%, -50%)',
 18 
          display: 'flex',
19 
          maxHeight: '80vh',
 19 
          justifyContent: 'center',
- 
 
 20 
          alignItems: 'center'
20 
          overflowY: 'auto'
 21 
        }}
21 
        }}
 22 
      >
22 
      >
 23 
        <Card styles={{ maxWidth: '500px', maxHeight: '80vh', overflowY: 'auto' }}>
- 
 
 24 
          <CardHeader title={title} />
23 
        <CardHeader title={title} />
 25 
          <CardContent>{content}</CardContent>
24 
        <CardContent>{content}</CardContent>
 26 
        </Card>
25 
      </Card>
 27 
      </Box>