@fonixtree/magic-design 0.0.116 → 0.0.119

package/lib/composite-comp/dito/components/SearchBar/mobile/index.less

@@ -1,50 +1,46 @@
 .m-search-bar {
-  height: 48px;
-  padding: 8px 0;
+  height: 6.4vw;
+  padding: 1.067vw 0;
   display: flex;
   flex-direction: row-reverse;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-
-  .right {
-    display: flex;
-    flex: 1;
-    margin-left: 15px;
-    align-items: center;
-    justify-content: space-between;
-
-    .search-input-wrap {
-      flex: 1;
-      background: #fff;
-      border-radius: 4px;
-      border: 1px solid #D2D9E5;
-      padding: 4px 12px;
-      height: 32px;
-      text-align: right;
-    }
-
-    .message-wrap {
-      position: relative;
-      margin-left: 10px;
-
-      .num {
-        position: absolute;
-        top: -6px;
-        right: -6px;
-        display: inline-block;
-        padding: 1px 2px;
-        min-width: 17px;
-        text-align: center;
-        background-color: #CE1126;
-        border: 1px solid #fff;
-        border-radius: 8px;
-        font-family: 'Montserrat';
-        font-style: normal;
-        font-weight: 600;
-        font-size: 8px;
-        color: #FFFFFF;
-      }
-    }
-  }
-}
+}
+.m-search-bar .right {
+  display: flex;
+  flex: 1;
+  margin-left: 2vw;
+  align-items: center;
+  justify-content: space-between;
+}
+.m-search-bar .right .search-input-wrap {
+  flex: 1;
+  background: #fff;
+  border-radius: 0.533vw;
+  border: 1px solid #D2D9E5;
+  padding: 0.533vw 1.6vw;
+  height: 4.267vw;
+  text-align: right;
+}
+.m-search-bar .right .message-wrap {
+  position: relative;
+  margin-left: 1.333vw;
+}
+.m-search-bar .right .message-wrap .num {
+  position: absolute;
+  top: -0.8vw;
+  right: -0.8vw;
+  display: inline-block;
+  padding: 1px 0.267vw;
+  min-width: 2.267vw;
+  text-align: center;
+  background-color: #CE1126;
+  border: 1px solid #fff;
+  border-radius: 1.067vw;
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 1.067vw;
+  color: #FFFFFF;
+}

package/lib/meta-comp/components/Image/index.less

@@ -17,7 +17,7 @@
 
   &.backgroundImg {
     &>img {
-      object-fit: cover;
+      // object-fit: cover;
       // width: auto;
       max-width: none;
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "0.0.116",
+  "version": "0.0.119",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",
@@ -29,6 +29,7 @@
     "mobx": "6.6.1",
     "mobx-react": "7.5.2",
     "moment": "2.29.3",
+    "ramda": "^0.28.0",
     "react-color": "2.17.0",
     "react-router-dom": "5.3.0",
     "react-slick": "^0.29.0",