Merge pull request #54 from aaazh/fix-model-style

feat: update modal close button style

Author: QiuShuiBai

packages/mpx-cube-ui/src/common/stylus/theme/components/modal.rn.styl

@@ -4,6 +4,6 @@ $modal-title-line-height := 133%
 // @type modal-content
 $modal-content-line-height := 120%
 
-$modal-close-icon-width := 24px
+$modal-close-icon-width := 16px
 
-$modal-close-icon-height := 24px
+$modal-close-icon-height := 28px

packages/mpx-cube-ui/src/components/modal/css.rn.styl

@@ -41,11 +41,13 @@
   top $var(modal-close-icon-top)
   right $var(modal-close-icon-right)
   padding-all($var(modal-close-icon-padding-top), $var(modal-close-icon-padding-right), $var(modal-close-icon-padding-bottom), $var(modal-close-icon-padding-left))
+
+.cube-modal-close-icon
+  width $var(modal-close-icon-width)
+  height $var(modal-close-icon-height)
   font-size $var(modal-close-icon-font-size)
   font-weight $var(modal-close-icon-font-weight)
   color $var(modal-close-icon-color)
-  width $var(modal-close-icon-width)
-  height $var(modal-close-icon-height)
 
 .cube-modal-body
   // 特例：picker、radio-modal、checkbox-modal 需用到，写法上不做合并