ente/web/packages/shared/components/CodeBlock/styledComponents.tsx
2024-03-01 12:21:07 +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;
`;