add more css mixins

5 files changed, 4 insertions, 14 deletions

diff --git a/frontend/src/components/Inputs/Code.js b/frontend/src/components/Inputs/Code.js
index 0fd6240..67b3f76 100644
--- a/frontend/src/components/Inputs/Code.js
+++ b/frontend/src/components/Inputs/Code.js
@@ -1,7 +1,7 @@
 import React, {useEffect, useRef} from "react";
 import * as indentation from "indent-textarea";
 import CharLimit from "../decorators/CharLimit";
-import {Labelled} from "./shared";
+import {Labelled} from "../decorators/Labelled";
 
 export const Code = ({content, ...props}) => {
   const textInput = useRef(null);
diff --git a/frontend/src/components/Inputs/Dropdown.js b/frontend/src/components/Inputs/Dropdown.js
index 9f7c246..1c2e0b7 100644
--- a/frontend/src/components/Inputs/Dropdown.js
+++ b/frontend/src/components/Inputs/Dropdown.js
@@ -2,7 +2,7 @@ import Dropdown from "react-dropdown";
 import React from "react";
 import styled from 'styled-components';
 import {LANGS, THEMES} from "../renderers/Code";
-import {Labelled} from "./shared";
+import {Labelled} from "../decorators/Labelled";
 import {Border, DropShadow, InputLike, Rounded} from "../Form/mixins";
 
 const StyledDropdown = styled(Dropdown)`
diff --git a/frontend/src/components/Inputs/Password.js b/frontend/src/components/Inputs/Password.js
index ca00f27..6c37d3c 100644
--- a/frontend/src/components/Inputs/Password.js
+++ b/frontend/src/components/Inputs/Password.js
@@ -1,5 +1,5 @@
 import React from "react";
-import {Labelled} from "./shared";
+import {Labelled} from "../decorators/Labelled";
 import {Input} from "../Form/Input";
 
 export const Password = (props) => <Labelled label="password">
diff --git a/frontend/src/components/Inputs/Text.js b/frontend/src/components/Inputs/Text.js
index 0a26d42..514ab78 100644
--- a/frontend/src/components/Inputs/Text.js
+++ b/frontend/src/components/Inputs/Text.js
@@ -1,6 +1,6 @@
 import CharLimit from "../decorators/CharLimit";
 import React from "react";
-import {Labelled} from "./shared";
+import {Labelled} from "../decorators/Labelled";
 import {Input} from "../Form/Input";
 
 export const Text = React.forwardRef(({label, id, readOnly, onChange, value, maxLength, autoFocus}, ref) => {
diff --git a/frontend/src/components/Inputs/shared.js b/frontend/src/components/Inputs/shared.js
deleted file mode 100644
index 2f6ee3f..0000000
--- a/frontend/src/components/Inputs/shared.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import styled from "styled-components";
-import React from "react";
-import FloatingLabel from "../decorators/FloatingLabel";
-
-export const Labelled = ({label, value, children}) => <div>
-  <FloatingLabel label={label} value={value} >
-    <span>{label}</span>
-    {children}
-  </FloatingLabel>
-</div>
\ No newline at end of file