Web: Components: fixed Dnd styles

This commit is contained in:
Nikita Gopienko 2020-09-18 15:43:08 +03:00
parent 68d43001c3
commit 44d63d3642

View File

@ -2,6 +2,7 @@ import React from "react";
import { useDropzone } from "react-dropzone";
import PropTypes from "prop-types";
import styled from "styled-components";
import { tablet } from "../../utils/device";
const StyledDragAndDrop = styled.div`
/*-webkit-touch-callout: none;
@ -11,6 +12,10 @@ const StyledDragAndDrop = styled.div`
user-select: none;*/
height: 100%;
border: ${props => props.drag ? "1px dashed #bbb" : "1px solid transparent"};
@media ${tablet} {
border: none;
}
outline: none;
background: ${props => props.dragging ? props.isDragAccept ? "#EFEFB2" : "#F8F7BF" : "none !important"};
`;