auth useAuthStyles.ts

100% Statements 15/15

100% Branches 0/0

100% Functions 4/4

100% Lines 8/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49 5x
5x
5x
 
21x
 
 
 
 
 
 
 
 
847x
 
 
 
 
 
 
 
 
 
400x
 
 
 
 
 
 
 
 
 
 
 
 
200x
 
 
 
 
 
 
 
 
 
 
847x
  import { InputLabel, styled } from "@mui/material";
import Button from "components/Button";
import TextField from "components/TextField";
 
const StyledForm = styled("form")(({ theme }) => ({
  display: "flex",
  flexDirection: "column",
  width: "100%",
  [theme.breakpoints.up("md")]: {
    alignItems: "flex-start",
  },
}));
 
const StyledInputLabel = styled(InputLabel)(({ theme }) => ({
  color: "var(--mui-palette-text-primary)",
  width: "100%",
  fontSize: "0.875rem",
  marginLeft: theme.spacing(0.5),
  [theme.breakpoints.up("md")]: {
    marginBottom: theme.spacing(1),
  },
}));
 
const StyledTextField = styled(TextField)(({ theme }) => ({
  marginBottom: theme.spacing(2),
  marginTop: 0,
  width: "100%",
 
  "& .MuiInputBase-root": {
    backgroundColor: "var(--mui-palette-background-paper)",
    "&.Mui-focused": {
      backgroundColor: "var(--mui-palette-background-paper)",
    },
  },
}));
 
const StyledButton = styled(Button)(({ theme }) => ({
  color: "var(--mui-palette-secondary-contrastText)",
  fontWeight: 700,
  marginTop: theme.spacing(2),
  fontSize: "1.4rem",
 
  [theme.breakpoints.up("md")]: {
    borderRadius: theme.shape.borderRadius,
  },
}));
 
export { StyledButton, StyledForm, StyledInputLabel, StyledTextField };