@lancom/shared 0.0.329 → 0.0.331

package/assets/scss/_common.scss

@@ -57,6 +57,9 @@ body {
       max-width: 1440px;
     }
   }
+  &.full {
+    max-width: none;
+  }
 }
 .invalidate {
   pointer-events: none;

package/components/common/contacts-phone.vue

@@ -1,15 +1,29 @@
 <template>
-  <span>
-    <i
+  <span
+    class="wrapper"
+    :class="{
+      'wrapper--label': !!label
+    }">
+    <span
       v-if="icon"
-      class="icon-smartphone">
-    </i>
-    <a 
-      :href="`tel:${contacts.phone}`"
-      :style="{ color }"
-      @click="onClick">
-      {{contacts.phone}}
-    </a>
+      class="icon">
+      <i class="icon-smartphone"></i>
+    </span>
+    <span>
+      <span
+        v-if="label"
+        class="label">
+        {{ label }}
+      </span>
+      <span class="phone">
+        <a 
+          :href="`tel:${contacts.phone}`"
+          :style="{ color }"
+          @click="onClick">
+          {{contacts.phone}}
+        </a>
+      </span>
+    </span>
   </span>
 </template>
   
@@ -27,6 +41,9 @@ export default {
     color: {
       type: String,
       default: '#303030'
+    },
+    label: {
+      type: String
     }
   },
   computed: {
@@ -42,5 +59,20 @@ export default {
   }
 };
 </script>
+
+
+<style lang="scss" scoped>
+@import "@/assets/scss/variables";
+.wrapper {
+  &--label {
+    display: flex;
+    align-items: center;
+    .label, .phone {
+      display: block;
+    }
+  }
+}
+</style>
+
   
   

package/components/editor/editor_workspace/editor_workspace_side/editor-workspace-side.vue

@@ -1,9 +1,7 @@
 <template>
   <div
     class="EditorWorkspaceSide__wrapper"
-    :style="{
-      'background-color': backgroundColor
-    }"
+    :style="backgroundColor"
     :class="{
       'EditorWorkspaceSide__wrapper--zoom-in': isZoomed
     }"
@@ -86,6 +84,7 @@ import { COLORS_IMAGES_TYPES } from '@lancom/shared/assets/js/constants/colors';
 import FabricHelper from '@lancom/shared/assets/js/utils/fabric-helper';
 import { findParentByPredicate } from '@lancom/shared/assets/js/utils/dom';
 import Breakpoints from '@lancom/shared/assets/js/utils/breakpoints';
+import { getColorBackgroundStyle } from '@lancom/shared/assets/js/utils/colors';
 
 export default {
   name: 'EditorWorkspaceSide',
@@ -182,7 +181,7 @@ export default {
       return code === 'rect10';
     },
     backgroundColor() {
-      return this.backgroundImageLoaded && this.editableColor?.rgb;
+      return this.backgroundImageLoaded && getColorBackgroundStyle(this.editableColor);
     },
     isZoomed() {
       return !!this.zoomSize;

package/components/subscribe/subscribe.vue

@@ -2,16 +2,18 @@
   <div
     data-aos="aosFadeUp"
     class="Subscribe__wrapper">
-    <slot name="header">
-      <div class="Subscribe__title lc_h2">
-        Subscribe to our news letter
-      </div>
-    </slot>
-    <slot name="description">
-      <div class="Subscribe__description lc_regular16">
-        Sign up for new product relesses, free design rescurrces, and a chance to win 36 free custom printed shirts.
-      </div>
-    </slot>
+    <div class="Subscribe__info">
+      <slot name="header">
+        <div class="Subscribe__title lc_h2">
+          Subscribe to our <span>news letter</span>
+        </div>
+      </slot>
+      <slot name="description">
+        <div class="Subscribe__description lc_regular16">
+          Sign up for new product relesses, free design rescurrces, and a chance to win 36 free custom printed shirts.
+        </div>
+      </slot>
+    </div>
     <div v-if="isSubscribed">
       <div class="Subscribe__success lc_h5 mt-5">
         Subscribed successfully

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lancom/shared",
-  "version": "0.0.329",
+  "version": "0.0.331",
   "description": "lancom common scripts",
   "author": "e.tokovenko <e.tokovenko@gmail.com>",
   "repository": {