align h/v center when maximized

2021-02-14 16:14:59 +00:00 · 2021-02-14 16:14:59 +00:00 · 081bfbc695
parent 2db244b14b
commit 081bfbc695
2 changed files with 3 additions and 0 deletions
--- a/src/components/modals/Modal.vue
+++ b/src/components/modals/Modal.vue
@ -119,6 +119,8 @@ export default {
  max-height: 100%;
  display: flex;
  align-content: center;
+  align-items: center;
+  justify-content: safe center;
 }

 .modal-fade-enter,
--- a/src/components/modals/ReferenceModal.vue
+++ b/src/components/modals/ReferenceModal.vue
@ -214,6 +214,7 @@ ul {
    }
  }
  &.legend {
+    width: 100%;
    font-weight: bold;
    height: 20px;
    margin-top: 10px;