aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/form-dataset/form-dataset.component.css
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/app/_elements/form-dataset/form-dataset.component.css')
-rw-r--r--frontend/src/app/_elements/form-dataset/form-dataset.component.css49
1 files changed, 46 insertions, 3 deletions
diff --git a/frontend/src/app/_elements/form-dataset/form-dataset.component.css b/frontend/src/app/_elements/form-dataset/form-dataset.component.css
index 6b3e2bed..56eb3cef 100644
--- a/frontend/src/app/_elements/form-dataset/form-dataset.component.css
+++ b/frontend/src/app/_elements/form-dataset/form-dataset.component.css
@@ -1,19 +1,62 @@
.folderBox {
width: 100%;
- height: 100%;
+ height: 90%;
position: relative;
}
+.file-container{
+ border: 4px solid transparent;
+ position: relative;
+ margin-left: 3%;
+ margin-top: 3rem;
+ width: 94%;
+ min-height: 500px;
+}
+.fileButton{
+ position: absolute;
+ margin-top: -3rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+.fileButton label{
+ margin-left: 10px;
+}
+.dottedClass
+{
+ border: 4px dotted white;
+ border-radius: 25px;
+}
+
+.hidden{
+ visibility: hidden;
+}
+
+.file {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+}
+
+.file input{
+
+ border-radius: 4px;
+ margin-top: -15px;
+ width: 100%;
+ height: 100%;
+}
+
.icon-display {
position: absolute;
- top: 50%;
+ top: 45%;
left: 50%;
transform: translate(-50%, -50%) scale(4);
}
.bottomBar {
position: absolute;
- bottom: 0%;
+ bottom: -6%;
left: 5%;
}