ente/web/packages/accounts/components/two-factor/styledComponents.ts
2024-03-01 12:21:07 +05:30

18 lines
455 B
TypeScript

import { VerticallyCentered } from "@ente/shared/components/Container";
import { styled } from "@mui/material";
export const QRCode = styled("img")(
({ theme }) => `
height: 200px;
width: 200px;
margin: ${theme.spacing(2)};
`,
);
export const LoadingQRCode = styled(VerticallyCentered)(
({ theme }) => `
width:200px;
aspect-ratio:1;
border: 1px solid ${theme.palette.grey.A200};
margin: ${theme.spacing(2)};
`,
);