fixed modal

nkonko · Aug 27, 2024 · 9afc374 · 9afc374
1 parent 07ec913
commit 9afc374
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/app/shared/modal/component/modal.component.html b/src/app/shared/modal/component/modal.component.html
@@ -2,8 +2,8 @@
   <div class="modal-background"></div>
   <div class="modal-content is-flex is-justify-content-flex-end">
     <div class="box">
+      <button class="modal-close is-large" (click)="close()" aria-label="close"></button>
       <ng-template modalContent></ng-template>
     </div>
   </div>
-  <button class="modal-close is-large" (click)="close()" aria-label="close"></button>
 </div>
diff --git a/src/app/shared/modal/component/modal.component.scss b/src/app/shared/modal/component/modal.component.scss
@@ -4,6 +4,17 @@
 
 .modal-close {
   background-color: #00d1b2;
-  margin-top: 8vh;
-  margin-right: 1vw;
+  position: absolute;
+  top: -17px;
+  left: 335px;
+}
+
+.box {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  padding: 10px;
 }