Merge pull request #115 from nih-sparc/remove-set-width-on-large-modal

Made large modal responsive
nih-sparc · Aug 24, 2022 · 7a654cc · 7a654cc
2 parents 7e27096 + 6899ffc
commit 7a654cc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@nih-sparc/sparc-design-system-components",
-  "version": "0.26.21",
+  "version": "0.26.22",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

diff --git a/src/components/LargeModal/src/LargeModal.vue b/src/components/LargeModal/src/LargeModal.vue
@@ -93,6 +93,8 @@ export default {
     flex-shrink: 0;
     color: #fff;
     max-width: 316px;
+    min-width: min-content;
+    width: 35%;
     overflow: hidden;
     position: relative;
     padding: 2rem;
@@ -113,7 +115,8 @@ export default {
 
   ::v-deep .el-dialog {
     border-radius: 0;
-    width: 868px;
+    width: fit-content;
+    max-width: 868px;
 
     .el-dialog__body {
       padding: 0;