diff options
Diffstat (limited to 'frontend')
3 files changed, 33 insertions, 10 deletions
diff --git a/frontend/src/app/_elements/folder/folder.component.css b/frontend/src/app/_elements/folder/folder.component.css index ce9b9fad..c90278d2 100644 --- a/frontend/src/app/_elements/folder/folder.component.css +++ b/frontend/src/app/_elements/folder/folder.component.css @@ -158,7 +158,7 @@ .file-content { width: 100%; - height: 100%; + height: 93%; position: relative; } 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..66be7f7d 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,36 @@ .folderBox { width: 100%; - height: 100%; + height: 90%; position: relative; } + +.file-container{ + margin-left: 3%; + margin-top: 3%; + margin-bottom: -50%; + width: 94%; + height: 500px; + border: 4px dotted white; + border-radius: 25px; +} +.file-container .file { + opacity: 0; + padding: 5rem; + 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%; } diff --git a/frontend/src/app/_elements/form-dataset/form-dataset.component.html b/frontend/src/app/_elements/form-dataset/form-dataset.component.html index 50a33583..afe1aeed 100644 --- a/frontend/src/app/_elements/form-dataset/form-dataset.component.html +++ b/frontend/src/app/_elements/form-dataset/form-dataset.component.html @@ -1,12 +1,18 @@ <div class="folderBox"> - <mat-icon class="icon-display">upload</mat-icon> - <!-- - - <div class="px-5 mt-5"> - <app-datatable [tableData]="tableData"></app-datatable> + <div class="file-container"> + <div class="px-5 mt-5 "> + <!--<app-datatable [tableData]="tableData"></app-datatable>--> + </div> + <i class="material-icons-outlined icon-display">file_upload</i> + <input type="file" class="file" (change)="changeListener($event)" accept=".csv"> + + </div> - --> + + + + <div class="bottomBar"> <div class="row"> |