ruble support for ios + emoji picker

prilogy · Mar 26, 2020 · a570425 · a570425
1 parent 8989be0
commit a570425
Show file tree

Hide file tree

Showing 4 changed files with 372 additions and 271 deletions.
diff --git a/components/pages/index/ActionItem.vue b/components/pages/index/ActionItem.vue
@@ -7,7 +7,10 @@
       border: action.color + ' solid 2px'
     }"
   >
-    <VP v-if="action.paid" :color="action.color" class="item__paid">₽</VP>
+    <VP v-if="action.paid" :color="action.color" class="item__paid">
+      <span
+        style="font-family: 'Helvetica Neue', sans-serif !important;">&#8381;</span>
+    </VP>
     <div class="item__inner">
       <VP :color="action.color" class="item__inner__p">
         {{ action.title }}
@@ -17,41 +20,43 @@
 </template>
 
 <script>
-export default {
-  props: ['action']
-}
+  export default {
+    props: ['action']
+  }
 </script>
 
 <style scoped>
-.item__paid {
-  position: absolute;
-  top: var(--space-third);
-  right: var(--space-third);
-  font-size: 14px;
-}
-.item {
-  position: relative;
-  border-radius: var(--radius-half);
-  padding: var(--space);
-  background: #ffffff26;
-  border: solid 2px var(--white-base);
-  cursor: pointer;
-}
-.item:focus,
-.item:active,
-.item:hover {
-  transform: translateY(-2px);
-}
+  .item__paid {
+    position: absolute;
+    top: var(--space-third);
+    right: var(--space-third);
+    font-size: 14px;
+  }
 
-.item__inner {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  text-align: center;
-}
+  .item {
+    position: relative;
+    border-radius: var(--radius-half);
+    padding: var(--space);
+    background: #ffffff26;
+    border: solid 2px var(--white-base);
+    cursor: pointer;
+  }
 
-.item__inner__p {
-  letter-spacing: 0.5px;
-}
+  .item:focus,
+  .item:active,
+  .item:hover {
+    transform: translateY(-2px);
+  }
+
+  .item__inner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    text-align: center;
+  }
+
+  .item__inner__p {
+    letter-spacing: 0.5px;
+  }
 </style>