Web: Components: fixed Dnd styles
This commit is contained in:
parent
68d43001c3
commit
44d63d3642
@ -2,6 +2,7 @@ import React from "react";
|
|||||||
import { useDropzone } from "react-dropzone";
|
import { useDropzone } from "react-dropzone";
|
||||||
import PropTypes from "prop-types";
|
import PropTypes from "prop-types";
|
||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
|
import { tablet } from "../../utils/device";
|
||||||
|
|
||||||
const StyledDragAndDrop = styled.div`
|
const StyledDragAndDrop = styled.div`
|
||||||
/*-webkit-touch-callout: none;
|
/*-webkit-touch-callout: none;
|
||||||
@ -11,6 +12,10 @@ const StyledDragAndDrop = styled.div`
|
|||||||
user-select: none;*/
|
user-select: none;*/
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border: ${props => props.drag ? "1px dashed #bbb" : "1px solid transparent"};
|
border: ${props => props.drag ? "1px dashed #bbb" : "1px solid transparent"};
|
||||||
|
|
||||||
|
@media ${tablet} {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
outline: none;
|
outline: none;
|
||||||
background: ${props => props.dragging ? props.isDragAccept ? "#EFEFB2" : "#F8F7BF" : "none !important"};
|
background: ${props => props.dragging ? props.isDragAccept ? "#EFEFB2" : "#F8F7BF" : "none !important"};
|
||||||
`;
|
`;
|
||||||
|
Loading…
Reference in New Issue
Block a user