diff --git a/src/Components/AddToCanvasInput/AddToCanvasInput.css b/src/Components/AddToCanvasInput/AddToCanvasInput.css index ffe1d41..dc82a8c 100644 --- a/src/Components/AddToCanvasInput/AddToCanvasInput.css +++ b/src/Components/AddToCanvasInput/AddToCanvasInput.css @@ -1,11 +1,20 @@ -.add-to-canvas-input { - padding-left: 0.25em; +.add-to-canvas-input .assets { + width: 100%; } -.add-to-canvas-input .desc { - padding: 0.5em 0; +.add-to-canvas-input .assets .text, .add-to-canvas-input .assets .image { + margin: 10px 0; } -.add-to-canvas-input input { - margin: 0.5em 0; +.add-to-canvas-input .assets .image ul li { + width: 50px; + height: 50px; + margin-right: 5px; + float: left; + overflow: hidden; +} + +.add-to-canvas-input .assets .image ul li img { + width: 100%; + height: 100%; } \ No newline at end of file diff --git a/src/Components/AddToCanvasInput/AddToCanvasInput.tsx b/src/Components/AddToCanvasInput/AddToCanvasInput.tsx index af2dd7d..6573230 100644 --- a/src/Components/AddToCanvasInput/AddToCanvasInput.tsx +++ b/src/Components/AddToCanvasInput/AddToCanvasInput.tsx @@ -47,19 +47,29 @@ export class AddToCanvasInput extends React.Component -
-

Text

- - +
+
+

Images

+ +
- + ); } } \ No newline at end of file diff --git a/src/Components/Sidebar/Sidebar.css b/src/Components/Sidebar/Sidebar.css index b05fb82..e7bac3d 100644 --- a/src/Components/Sidebar/Sidebar.css +++ b/src/Components/Sidebar/Sidebar.css @@ -6,25 +6,4 @@ .sidebar .form { height: 80px; margin: 10px 0; -} - -.sidebar .assets { - width: 100%; -} - -.sidebar .assets .text, .sidebar .assets .image { - margin: 10px 0; -} - -.sidebar .assets .image ul li { - width: 50px; - height: 50px; - margin-right: 5px; - float: left; - overflow: hidden; -} - -.sidebar .assets .image ul li img { - width: 100%; - height: 100%; } \ No newline at end of file diff --git a/src/Components/Sidebar/Sidebar.tsx b/src/Components/Sidebar/Sidebar.tsx index 7e07727..e47495a 100644 --- a/src/Components/Sidebar/Sidebar.tsx +++ b/src/Components/Sidebar/Sidebar.tsx @@ -20,22 +20,7 @@ export class Sidebar extends React.Component { return (
- -
-

Assets

-
- - -
-
-

Images

-
    - {/* List of images here -
  • */} -
-
-
- +
);