aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/form-dataset/form-dataset.component.css
diff options
context:
space:
mode:
authorSonja Galovic <galovicsonja@gmail.com>2022-04-28 14:23:12 +0200
committerSonja Galovic <galovicsonja@gmail.com>2022-04-28 14:23:12 +0200
commit0d3739e71f969f429cb1e036d0b57ad1b52658e1 (patch)
tree38867731e5671c2ab3e8cfefdf5115c6adf58904 /frontend/src/app/_elements/form-dataset/form-dataset.component.css
parentadbd70386b4fa13c940eed643cd1b252b5243051 (diff)
parent6eb541aa0cf268c41bf8638b73bf764d717be80b (diff)
Merge branch 'redesign' of http://gitlab.pmf.kg.ac.rs/igrannonica/neuronstellar into redesign
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%;
}