Reorganize client shared modules

1 files changed, 29 insertions, 0 deletions

diff --git a/client/src/app/shared/shared-forms/preview-upload.component.scss b/client/src/app/shared/shared-forms/preview-upload.component.scss
new file mode 100644
index 000000000..88eccd5f7
--- /dev/null
+++ b/client/src/app/shared/shared-forms/preview-upload.component.scss
@@ -0,0 +1,29 @@
+@import '_variables';
+@import '_mixins';
+
+.root {
+  height: auto;
+  display: flex;
+  flex-direction: column;
+
+  .preview-container {
+    position: relative;
+
+    my-reactive-file {
+      position: absolute;
+      bottom: 10px;
+      left: 10px;
+    }
+
+    .preview {
+      object-fit: cover;
+      border-radius: 4px;
+      max-width: 100%;
+
+      &.no-image {
+        border: 2px solid grey;
+        background-color: pvar(--mainBackgroundColor);
+      }
+    }
+  }
+}