adata-ui 0.1.75 → 0.1.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "0.1.75",
+  "version": "0.1.78",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/Button/AButton.vue

@@ -10,6 +10,7 @@
     :is="url ? 'a' : 'button'"
     :href="url"
     :event="event ? 'click' : ''"
+    :disabled="disabled"
   >
     <slot></slot>
   </component>

package/src/components/MailTo/MailTo.stories.js

@@ -3,12 +3,12 @@ import MailTo from "./MailTo.vue";
 export default {
   title: "MailTo",
   component: MailTo,
-  template: "<mail-to></mail-to>",
+  template: "<a-mail-to></a-mail-to>",
 };
 
 const Template = () => ({
   components: { MailTo },
-  template: "<mail-to></mail-to>",
+  template: "<a-mail-to></a-mail-to>",
 });
 
 export const AMailTo = Template.bind({});

package/src/components/MailTo/MailTo.vue

@@ -65,7 +65,7 @@
     </div>
     <h2 class="mail__title">Интересует больше данных?</h2>
     <p class="mail__text">
-      Мы обязательно ответим вам <br />
+      Мы обязательно ответим Вам <br />
       в кратчайшие сроки.
     </p>
     <form class="mail__form" novalidate>
@@ -182,6 +182,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
 .mail {
   padding: 50px 0px;
   @media (max-width: 560px) {
@@ -203,11 +208,27 @@ export default {
     padding: 24px;
     display: flex;
     justify-content: center;
+    position: relative;
+    &::before {
+      content: " ";
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      z-index: 1;
+      width: 100px;
+      height: 100px;
+      transform: translate(-50%, -50%);
+      background: rgba(189, 199, 206, 0.15);
+      border-radius: 100%;
+      padding: 20px;
+    }
   }
   &__img {
     width: 120px;
     height: 120px;
     object-fit: contain;
+    position: relative;
+    z-index: 2;
   }
   &__text {
     font-size: 16px;