@fonixtree/magic-design 0.0.119 → 0.0.121

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

@@ -1,46 +1,50 @@
 .m-search-bar {
-  height: 6.4vw;
-  padding: 1.067vw 0;
+  height: 48px;
+  padding: 8px 0;
   display: flex;
   flex-direction: row-reverse;
   align-items: center;
   justify-content: space-between;
   width: 100%;
-}
-.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;
-}
+
+  .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;
+      }
+    }
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "0.0.119",
+  "version": "0.0.121",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",