Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1480 Rev 2798
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { Container, styled } from '@mui/material'
 2 
import { Button, styled, Typography } from '@mui/material'
3 
import { Add } from '@mui/icons-material'
 3 
import { Add } from '@mui/icons-material'
Línea 4... Línea 4...
4 
 
 4 
 
5 
const Header = styled(Container)(({ theme }) => ({
 5 
const Header = styled('div')(({ theme }) => ({
6 
  display: 'flex',
 6 
  display: 'flex',
7 
  alignItems: 'center',
 7 
  alignItems: 'center',
8 
  justifyContent: 'space-between',
 8 
  justifyContent: 'space-between',
9 
  position: 'relative',
 - 
 
10 
  h1: {
 - 
 
11 
    fontSize: '1.1rem',
 - 
 
12 
    fontWeight: '600'
 - 
 
13 
  },
 - 
 
14 
  button: {
 - 
 
15 
    display: 'flex',
 - 
 
16 
    alignItems: 'center',
 - 
 
17 
    gap: '0.5rem',
 - 
 
18 
    position: 'relative',
 - 
 
19 
    fontWeight: '600'
 - 
 
20 
  },
 9 
  position: 'relative',
21 
  [theme.breakpoints.up('md')]: {
 10 
  [theme.breakpoints.up('md')]: {
22 
    justifyContent: 'center',
 11 
    justifyContent: 'center',
23 
    button: {
 12 
    button: {
24 
      position: 'absolute',
 13 
      position: 'absolute',
Línea 30... Línea 19...
30 
}))
 19 
}))
Línea 31... Línea 20...
31 
 
 20 
 
32 
const TitleSection = ({ onAdd, addLabel = '', title = '', ...rest }) => {
 21 
const TitleSection = ({ onAdd, addLabel = '', title = '', ...rest }) => {
33 
  return (
 22 
  return (
- 
 
 23 
    <Header {...rest}>
34 
    <Header {...rest}>
 24 
      <Typography variant='h1' sx={{ fontSize: '1.1rem' }}>
- 
 
 25 
        {title}
- 
 
 26 
      </Typography>
35 
      <h1>{title}</h1>
 27 
 
36 
      {onAdd && (
 28 
      {onAdd && (
37 
        <button onClick={onAdd}>
 29 
        <Button onClick={onAdd}>
38 
          <Add />
 30 
          <Add />
39 
          {addLabel}
 31 
          {addLabel}
40 
        </button>
 32 
        </Button>
41 
      )}
 33 
      )}
42 
    </Header>
 34 
    </Header>
43 
  )
 35 
  )