Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3494 Rev 3500
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { Tabs as MuiTabs, Tab } from '@mui/material';
 2 
import { Tabs as MuiTabs, Tab } from '@mui/material';
Línea 3... Línea 3...
3 
 
 3 
 
4 
export function Tabs({ children, value, onChange }) {
 4 
export function Tabs({ children, value, onChange }) {
5 
  return (
 - 
 
6 
    <MuiTabs
 - 
 
7 
      value={value}
 5 
  return (
8 
      onChange={onChange}
 - 
 
9 
      sx={{
 - 
 
10 
        mb: 2,
 - 
 
11 
        minHeight: 'auto',
 - 
 
12 
        '& .MuiTabs-indicator': {
 - 
 
13 
          backgroundColor: 'var(--font-color)'
 - 
 
14 
        }
 - 
 
15 
      }}
 - 
 
16 
    >
 6 
    <MuiTabs value={value} onChange={onChange}>
17 
      {children}
 7 
      {children}
18 
    </MuiTabs>
 8 
    </MuiTabs>
19 
  );
 9 
  );
Línea 20... Línea 10...
20 
}
 10 
}
21 
 
 - 
 
22 
function TabItem({ label, value, ...props }) {
 - 
 
23 
  return (
 - 
 
24 
    <Tab
 - 
 
25 
      disableRipple
 - 
 
26 
      label={label}
 - 
 
27 
      value={value}
 - 
 
28 
      sx={{
 - 
 
29 
        flexGrow: 1,
 - 
 
30 
        color: 'var(--subtitle-color)',
 11 
 
31 
        fontWeight: 'bold !important',
 - 
 
32 
        padding: { xs: '0.5rem 5px !important', md: '0.5rem 1rem !important' },
 - 
 
33 
        minHeight: 'auto !important',
 - 
 
34 
        '&.Mui-selected': {
 - 
 
35 
          color: 'var(--font-color) !important'
 - 
 
36 
        }
 - 
 
37 
      }}
 - 
 
38 
      {...props}
 - 
 
39 
    />
 12 
function TabItem({ label, value, ...props }) {
Línea 40... Línea 13...
40 
  );
 13 
  return <Tab disableRipple label={label} value={value} {...props} />;