ente/packages/shared/components/CodeBlock/styledComponents.tsx
2023-11-02 19:50:20 +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;
`;