refolder

Author: maxchistt

src/App.css

@@ -50,15 +50,3 @@
     transform: rotate(360deg);
   }
 }
-
-.palitra-blackOnHover:hover {
-  color: black !important;
-}
-
-.palitra-blackOnHover {
-  border-color: lightgray !important;
-}
-
-.palitra-btn:focus {
-  box-shadow: 0 0 0 0.2rem rgb(216 217 219 / 50%) !important;
-}

src/Cards/AddCard.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import PropTypes from 'prop-types'
 import TextareaAutosize from 'react-textarea-autosize'
-import Palette, { colors } from './palette'
+import Palette, { colors } from './palette/palette'
 
 function useInputValue(defaultValue) {
   const [value, setValue] = useState(defaultValue)

src/Cards/ModalCardEdit.js

@@ -5,7 +5,7 @@ import TextareaAutosize from 'react-textarea-autosize'
 import Modal, { ModalProps } from "../Shared/Modal/Modal"
 import debounce from '../Shared/debounce'
 import Card from '../Shared/Card'
-import Palette from './palette'
+import Palette from './palette/palette'
 
 function calcMaxRows() {
     const small = 576

src/Cards/palette/palette.css

@@ -0,0 +1,11 @@
+.palitra-blackOnHover:hover {
+  color: black !important;
+}
+
+.palitra-blackOnHover {
+  border-color: lightgray !important;
+}
+
+.palitra-btn:focus {
+  box-shadow: 0 0 0 0.2rem rgb(216 217 219 / 50%) !important;
+}

src/Cards/palette.js renamed to src/Cards/palette/palette.js

@@ -1,5 +1,6 @@
 import React from "react";
 import PropTypes from 'prop-types'
+import "./palette.css"
 
 export const colors = [
   "#f8f9fa",