input finale

This commit is contained in:
Alex Santos 2022-05-10 17:17:24 -03:00
parent efb7075426
commit 4ed8e2953f
3 changed files with 23 additions and 9 deletions

View File

@ -39,7 +39,13 @@ export default class MyDocument extends Document {
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"></link> <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"></link>
<link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin='true' /> <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin='true' />
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400&family=Lobster&family=Poppins:ital,wght@0,500;0,600;0,800;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" />
</Head> </Head>
<body> <body>
<Main /> <Main />

View File

@ -34,10 +34,10 @@ export default function Telemetria() {
value={age} value={age}
onChange={handleChange} onChange={handleChange}
displayEmpty displayEmpty
inputProps={{ 'aria-label': 'Without label' }}
> >
<MenuItem value="" style={{color:'primary'}}> <MenuItem value="">
teste <span className='titleMenuItem'>Filial 3</span>
</MenuItem> </MenuItem>
<MenuItem value={10}>Filial 3</MenuItem> <MenuItem value={10}>Filial 3</MenuItem>
<MenuItem value={20}>Twenty</MenuItem> <MenuItem value={20}>Twenty</MenuItem>
@ -52,10 +52,10 @@ export default function Telemetria() {
value={age} value={age}
onChange={handleChange} onChange={handleChange}
displayEmpty displayEmpty
inputProps={{ 'aria-label': 'Without label' }}
> >
<MenuItem value=""> <MenuItem value="">
07/09/2021 <span className='titleMenuItem'>07/09/2021</span>
</MenuItem> </MenuItem>
<MenuItem value={10}>Filial 3</MenuItem> <MenuItem value={10}>Filial 3</MenuItem>
<MenuItem value={20}>Twenty</MenuItem> <MenuItem value={20}>Twenty</MenuItem>
@ -70,9 +70,9 @@ export default function Telemetria() {
onChange={handleChange} onChange={handleChange}
displayEmpty displayEmpty
inputProps={{ 'aria-label': 'Without label' }} inputProps={{ 'aria-label': 'Without label' }}
> >
<MenuItem value=""> <MenuItem value="">
07/09/2021 <span className='titleMenuItem'>30/06/2000</span>
</MenuItem> </MenuItem>
<MenuItem value={10}>Filial 3</MenuItem> <MenuItem value={10}>Filial 3</MenuItem>
<MenuItem value={20}>Twenty</MenuItem> <MenuItem value={20}>Twenty</MenuItem>
@ -89,7 +89,7 @@ export default function Telemetria() {
inputProps={{ 'aria-label': 'Without label' }} inputProps={{ 'aria-label': 'Without label' }}
> >
<MenuItem value=""> <MenuItem value="">
60 min <span className='titleMenuItem'>60 min</span>
</MenuItem> </MenuItem>
<MenuItem value={10}>Filial 3</MenuItem> <MenuItem value={10}>Filial 3</MenuItem>
<MenuItem value={20}>Twenty</MenuItem> <MenuItem value={20}>Twenty</MenuItem>

View File

@ -21,6 +21,14 @@ export const TelemetriaView = styled.main`
color: #667085; color: #667085;
} }
.titleMenuItem{
color: #667085;
font-family: Inter;
font-size: 14px;
font-weight: 600;
}
`; `;