Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1216 Rev 1477
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { Container } from 'react-bootstrap'
 2 
import { Container, styled } from '@mui/material'
3 
import styled from 'styled-components'
 - 
 
4 
import AddIcon from '@mui/icons-material/Add'
 3 
import { Add } from '@mui/icons-material'
Línea 5... Línea -...
5 
 
 - 
 
6 
import { device } from '../../styles/MediaQueries'
 - 
 
7 
 
 4 
 
8 
const StyledHeader = styled(Container)`
 5 
const Header = styled(Container)(({ theme }) => ({
9 
  display: flex;
 6 
  display: 'flex',
10 
  align-items: center;
 7 
  alignItems: 'center',
11 
  justify-content: center;
 8 
  justifyContent: { xs: 'between', md: 'center' },
12 
  position: relative;
 9 
  position: 'relative',
13 
  h1 {
 10 
  h1: {
14 
    font-size: 1.1rem;
 11 
    fontSize: '2.5rem',
15 
    font-weight: 600;
 12 
    fontWeight: 'bold'
16 
  }
 13 
  },
17 
  button {
 14 
  button: {
18 
    display: flex;
 15 
    display: 'flex',
19 
    align-items: center;
 16 
    alignItems: 'center',
20 
    gap: 0.5rem;
 17 
    gap: '0.5rem',
21 
    position: relative;
 18 
    position: 'relative',
22 
    font-weight: 600;
 - 
 
23 
    @media ${device.tablet} {
 - 
 
24 
      position: absolute;
 - 
 
25 
      right: 0;
 - 
 
26 
      top: 50%;
 - 
 
27 
      transform: translateY(-50%);
 - 
 
28 
    }
 - 
 
29 
  }
 - 
 
30 
  @media ${device.mobile} {
 - 
 
31 
    justify-content: space-between;
 19 
    fontWeight: '600'
32 
  }
 20 
  }
Línea 33... Línea 21...
33 
`
 21 
}))
34 
 
 22 
 
35 
const TitleSection = ({ onAdd, addLabel = '', title = '', ...rest }) => {
 23 
const TitleSection = ({ onAdd, addLabel = '', title = '', ...rest }) => {
36 
  return (
 24 
  return (
37 
    <StyledHeader {...rest}>
 25 
    <Header {...rest}>
38 
      <h1>{title}</h1>
 26 
      <h1>{title}</h1>
39 
      {onAdd && (
 27 
      {onAdd && (
40 
        <button onClick={onAdd}>
 28 
        <button onClick={onAdd}>
41 
          <AddIcon />
 29 
          <Add />
42 
          {addLabel}
 30 
          {addLabel}
43 
        </button>
 31 
        </button>
44 
      )}
 32 
      )}
45 
    </StyledHeader>
 33 
    </Header>
Línea 46... Línea 34...
46 
  )
 34 
  )