remove imortant to override css (#10)

Author: burhanahmeed

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burhanahmeed/vue-modal-2",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "private": false,
   "author": "Burhanuddin Ahmed <[email protected]>",
   "license": "MIT",
@@ -65,7 +65,7 @@
     "dialog",
     "UI"
   ],
-  "repository": "burhanahmeed/vue-modal-2",
-  "homepage": "https://12sync.github.io/vue-modal-2/",
-  "bugs": "https://github.com/burhanahmeed/vue-modal-2/issues"
+  "repository": "initbase/vue-modal-2",
+  "homepage": "https://initbase.github.io/vue-modal-2/",
+  "bugs": "https://github.com/initbase/vue-modal-2/issues"
 }

src/App.vue

@@ -36,7 +36,7 @@
       }"
       :darkMode="false"
       @on-close="handleClose2"
-      modalSize="sidebar-l"
+      modalSize="md"
     >
       <div>content</div>
     </modal-vue>

src/components/Container.vue

@@ -314,7 +314,7 @@ export default {
 
 @media screen and (min-width: 580px) {
   .vm2_settings.vm2_md, .vm2_settings.vm2_lg {
-    max-width: 500px !important;
+    max-width: 500px;
   }
   .vm2_settings.vm2_xl {
     width: auto;
@@ -324,13 +324,13 @@ export default {
 
 @media screen and (min-width: 880px) {
   .vm2_settings.vm2_lg, .vm2_settings.vm2_xl {
-    max-width: 800px !important;
+    max-width: 800px;
   }
 }
 
 @media screen and (min-width: 1300px) {
   .vm2_settings.vm2_xl {
-    max-width: 1200px !important;
+    max-width: 1200px;
   }
 }