ente/packages/shared/components/CodeBlock/styledComponents.tsx
Manav Rathi c1bf193211 Switch to prettier defaults
This is unfortunately a huge diff, but now is as good as ever to do this pending chore.

- Move to prettier (v3) defaults. The only thing we tweak is the tabWidth (the
  default is 2, we change it to 4).

- Use the prettier plugin to sort imports.

We were not changing the defaults of prettier much anyway, the main thing that
has changed is the switching from the overridden single quotes to the default
double quotes.
2024-02-24 14:03:53 +05:30

19 lines
630 B
TypeScript

import { CenteredFlex } from "@ente/shared/components/Container";
import { Box, styled } from "@mui/material";
export const Wrapper = styled(CenteredFlex)`
position: relative;
background: ${({ theme }) => theme.colors.accent.A700};
border-radius: ${({ theme }) => theme.shape.borderRadius}px;
min-height: 80px;
`;
export const CopyButtonWrapper = styled(Box)`
position: absolute;
top: 0px;
right: 0px;
margin-top: ${({ theme }) => theme.spacing(1)};
`;
export const CodeWrapper = styled("div")`
padding: 16px 36px 16px 16px;
border-radius: ${({ theme }) => theme.shape.borderRadius}px;
`;