import styled from 'styled-components';
import CardImgWrapper from '../CardImgWrapper';

const FileWrapper = styled(CardImgWrapper)`
  height: 401px;
  width: 100%;
  display: flex;
  > img {
    width: 100%;
    object-fit: contain;
    margin: auto;
  }

  .cropper-view-box {
    outline-color: #ffffff;
  }
  .cropper-point {
    background-color: #ffffff;
    border-radius: 50%;
  }

  .point-se {
    &:before {
      display: none;
    }
    height: 5px;
    width: 5px;
  }
`;

export default FileWrapper;

import styled from 'styled-components';
import CardImgWrapper from '../CardImgWrapper';

const FileWrapper = styled(CardImgWrapper)`
  height: 401px;
  width: 100%;
  display: flex;
  > img {
    width: 100%;
    object-fit: contain;
    margin: auto;
  }

  .cropper-view-box {
    outline-color: ${({ theme }) => theme.main.colors.white};
  }
  .cropper-point {
    background-color: ${({ theme }) => theme.main.colors.white};
    border-radius: 50%;
  }

  .point-se {
    &:before {
      display: none;
    }
    height: 5px;
    width: 5px;
  }
`;

export default FileWrapper;

Use theme for bkg color
Use theme for bkg color

Signed-off-by: soupette <0a59f0508aa203bc732745954131d022d9f538a9@gmail.com>
