my-react-sortable/style.js

my-react-sortable module helps you create React sortable lists easily. Where you can re-arrange the list items.

import styled from "styled-components";

export const StyledSortableList = styled.div`
  padding: 1rem;
  background: ${({ bgColor }) => bgColor || "none"};
  height: fit-content;
  width: fit-content;
  position: relative;
  box-sizing: border-box;
  ${({ customStyle }) => customStyle || ""}
`;

export const StyledSortableCard = styled.div`
  padding: 0.5rem;
  width: max-content;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
  background: ${({ bgColor }) => bgColor || "none"};
  max-width: 26rem;
  cursor: pointer;
  user-select: none;
  ${({ customStyle }) => customStyle || ""}
`;