@adstore/templates 2.0.9 → 2.0.11

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @adstore/templates
 
+## 2.0.11
+
+### Patch Changes
+
+- 0590d2d: Add max-width on mobile for ComplexGift
+
+## 2.0.10
+
+### Patch Changes
+
+- Release version
+- 605b897: Fixes for SimpleGift + ComplexGift
+- 18cdeee: Fixes
+- 484e490: Fix display title icon (ComplexGift)
+
 ## 2.0.6
 
 ### Patch Changes

package/dist/style.css

@@ -352,11 +352,11 @@ textarea {
   50% {
     transform: scale(1) translateZ(0);
   }
-}._root_107vu_1 {
+}._root_1hrqs_1 {
   position: relative;
 }
 
-._icon_107vu_5 {
+._icon_1hrqs_5 {
   width: 30px;
   height: 30px;
   display: flex;
@@ -368,25 +368,28 @@ textarea {
   cursor: pointer;
 }
 
-._iconTarget_107vu_17 {
+._iconTarget_1hrqs_17 {
   width: 17px;
   height: 20px;
 }
 
-._body_107vu_22 {
+._body_1hrqs_22 {
   position: absolute;
   left: -30px;
   top: 50px;
-  width: 360px;
+  width: 300px;
   display: none;
 }
+._desktop_1hrqs_29 ._body_1hrqs_22, ._tablet_1hrqs_29 ._body_1hrqs_22, ._laptop_1hrqs_29 ._body_1hrqs_22 {
+  width: 360px;
+}
 
-._bodyOpen_107vu_30 {
-  animation: _complexGift_in_107vu_1 0.3s;
+._bodyOpen_1hrqs_33 {
+  animation: _complexGift_in_1hrqs_1 0.3s;
   display: block;
 }
 
-@keyframes _complexGift_in_107vu_1 {
+@keyframes _complexGift_in_1hrqs_1 {
   from {
     opacity: 0;
   }
@@ -394,7 +397,7 @@ textarea {
     opacity: 1;
   }
 }
-._arrow_107vu_43 {
+._arrow_1hrqs_46 {
   position: absolute;
   transform: rotate(45deg);
   height: 15px;
@@ -404,12 +407,12 @@ textarea {
   background-color: #333;
 }
 
-._container_107vu_53 {
+._container_1hrqs_56 {
   background-color: #333;
   border-radius: 4px;
 }
 
-._promotion_107vu_58 {
+._promotion_1hrqs_61 {
   position: absolute;
   top: 12px;
   right: 35px;
@@ -417,7 +420,7 @@ textarea {
   font-size: 8px;
 }
 
-._close_107vu_66 {
+._close_1hrqs_69 {
   position: absolute;
   top: 9px;
   right: 9px;
@@ -426,38 +429,38 @@ textarea {
   align-items: center;
   cursor: pointer;
 }
-._close_107vu_66 svg {
+._close_1hrqs_69 svg {
   width: 15px;
   height: 15px;
 }
 
-._head_107vu_80 {
+._head_1hrqs_83 {
   padding: 12px 20px;
   display: flex;
   align-items: center;
   color: #fff;
 }
 
-._headIcon_107vu_87 {
+._headIcon_1hrqs_90 {
   width: 20px;
   height: 20px;
   margin-right: 10px;
 }
 
-._headTitle_107vu_93 {
+._headTitle_1hrqs_96 {
   font-size: 16px;
   line-height: 1.2;
   font-weight: bold;
   width: 100%;
 }
 
-._inner_107vu_100 {
+._inner_1hrqs_103 {
   border-radius: 6px;
   overflow: hidden;
   padding: 0 6px 6px 6px;
 }
 
-@keyframes _fadein_107vu_1 {
+@keyframes _fadein_1hrqs_1 {
   0%, 100% {
     opacity: 0;
   }
@@ -465,7 +468,7 @@ textarea {
     opacity: 1;
   }
 }
-@keyframes _pulse_107vu_1 {
+@keyframes _pulse_1hrqs_1 {
   from {
     transform: scale(1);
   }
@@ -473,7 +476,7 @@ textarea {
     transform: scale(1.05);
   }
 }
-@keyframes _gradient_107vu_1 {
+@keyframes _gradient_1hrqs_1 {
   0% {
     background-position: 0 50%;
   }
@@ -484,7 +487,7 @@ textarea {
     background-position: 0 50%;
   }
 }
-@keyframes _wiggle_107vu_1 {
+@keyframes _wiggle_1hrqs_1 {
   0%, 7% {
     transform: rotateZ(0);
   }
@@ -506,25 +509,25 @@ textarea {
   40%, 100% {
     transform: rotateZ(0);
   }
-}._root_1p6us_1 {
+}._root_5vnui_1 {
   padding: 6px;
   background-color: #fff;
   position: relative;
   display: block;
 }
-._root_1p6us_1:first-child {
+._root_5vnui_1:first-child {
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 }
-._root_1p6us_1:first-child:after {
+._root_5vnui_1:first-child:after {
   display: none;
 }
-._root_1p6us_1:last-child {
+._root_5vnui_1:last-child {
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom: none;
 }
-._root_1p6us_1:after {
+._root_5vnui_1:after {
   content: "";
   width: 100%;
   height: 1px;
@@ -535,7 +538,7 @@ textarea {
   bottom: 0;
 }
 
-._body_1p6us_30 {
+._body_5vnui_30 {
   display: flex;
   align-items: center;
   position: relative;
@@ -543,12 +546,12 @@ textarea {
   justify-content: space-between;
 }
 
-._bodyInner_1p6us_38 {
+._bodyInner_5vnui_38 {
   display: flex;
   align-items: center;
 }
 
-._line_1p6us_43 {
+._line_5vnui_43 {
   position: absolute;
   left: -6px;
   top: 0;
@@ -558,7 +561,7 @@ textarea {
   border-radius: 0 2px 2px 0;
 }
 
-._text_1p6us_53 {
+._text_5vnui_53 {
   font-size: 12px;
   line-height: 1.2;
   color: #333;
@@ -568,13 +571,13 @@ textarea {
   --accent-color: #ffbc00;
   --font-family: Roboto, sans-serif;
 }
-._text_1p6us_53 span {
+._text_5vnui_53 span {
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
 }
 
-._button_1p6us_69 {
+._button_5vnui_69 {
   margin-left: auto;
   padding: 2px;
   background-color: #ffb800;
@@ -586,21 +589,21 @@ textarea {
   line-height: 2;
   font-weight: bold;
 }
-._button_1p6us_69 ._logo_1p6us_81 {
+._button_5vnui_69 ._logo_5vnui_81 {
   width: 30px;
   height: 30px;
   margin-right: initial;
   display: block;
 }
-._variant2_1p6us_87 ._button_1p6us_69 ._logo_1p6us_81 {
+._variant2_5vnui_87 ._button_5vnui_69 ._logo_5vnui_81 {
   display: none;
 }
 
-._buttonText_1p6us_91 {
+._buttonText_5vnui_91 {
   padding: 0 7px;
 }
 
-._logo_1p6us_81 {
+._logo_5vnui_81 {
   width: 25px;
   height: 25px;
   border-radius: 30px;
@@ -608,11 +611,11 @@ textarea {
   margin-right: 10px;
   display: none;
 }
-._variant2_1p6us_87 ._logo_1p6us_81 {
+._variant2_5vnui_87 ._logo_5vnui_81 {
   display: block;
 }
 
-._legal_1p6us_107 {
+._legal_5vnui_107 {
   background-color: #eee;
   padding: 2px 5px;
   height: 14px;
@@ -621,6 +624,21 @@ textarea {
   border-radius: 4px;
   color: #7e8392;
   font-size: 8px;
+}
+
+._legal_5vnui_107::-webkit-scrollbar {
+  width: 4px;
+  background: #e5e6e9;
+  border-radius: 5px;
+}
+
+._legal_5vnui_107::-webkit-scrollbar-track {
+  border-radius: 5px;
+}
+
+._legal_5vnui_107::-webkit-scrollbar-thumb {
+  background: #7e8392;
+  border-radius: 5px;
 }._root_1bgnc_1 {
   max-width: 320px;
   width: 100%;