vue-intergrall-plugins 0.0.271 → 0.0.272

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-intergrall-plugins",
3
- "version": "0.0.271",
3
+ "version": "0.0.272",
4
4
  "description": "",
5
5
  "main": "dist/vue-intergrall-plugins.ssr.js",
6
6
  "browser": "dist/vue-intergrall-plugins.esm.js",
@@ -56,7 +56,7 @@
56
56
  hasSecondaryButton: {
57
57
  type: Boolean,
58
58
  required: false,
59
- default: true
59
+ default: false
60
60
  },
61
61
  hasButton: {
62
62
  type: Boolean,
@@ -392,6 +392,7 @@ h1, h2, h3, h4, p { margin: 0; padding: 0 }
392
392
  width: 100%;
393
393
  display: flex;
394
394
  justify-content: space-between;
395
+ gap: 10px;
395
396
  }
396
397
 
397
398
  .ts-content {
@@ -502,7 +503,7 @@ h1, h2, h3, h4, p { margin: 0; padding: 0 }
502
503
  opacity: 1;
503
504
  }
504
505
  .tg-btn {
505
- width: 40%;
506
+ width: auto;
506
507
  display: flex;
507
508
  justify-content: center;
508
509
  align-items: center;
@@ -91,25 +91,30 @@
91
91
  </footer>
92
92
  </div>
93
93
  </div>
94
- <div class="tg-btn" :class="{'small-btn' : iconButton}" v-if="hasButton">
95
- <button @click="$emit('click-trigger')" ref="template-single-button">
96
- <template v-if="!iconButton">
97
- <fa-icon :icon="['fas', 'paper-plane']" />
98
- {{ dictionary.btn_contatar_clientes }}
99
- </template>
100
- <fa-icon v-else :icon="['fas', 'paper-plane']" />
101
- </button>
102
-
103
- </div>
104
- <div class="tg-btn btn-red" :class="{'small-btn' : iconButton}" v-if="hasSecondaryButton">
105
- <button v-if="hasSecondaryButton" @click="$emit('dispatch-clients-with-bot')" ref="template-single-button-secondary">
106
- <template v-if="!iconButton">
107
- <fa-icon :icon="['fas', 'paper-plane']" />
108
- {{ dictionary.btn_contatar_clientes_com_bot }}
109
- </template>
110
- <fa-icon v-else :icon="['fas', 'paper-plane']" />
111
- </button>
94
+
95
+ <div class="container-btns">
96
+ <div class="tg-btn" :class="{'small-btn' : iconButton}" v-if="hasButton">
97
+ <button @click="$emit('click-trigger')" ref="template-single-button">
98
+ <template v-if="!iconButton">
99
+ <fa-icon :icon="['fas', 'paper-plane']" />
100
+ {{ dictionary.btn_contatar_clientes }}
101
+ </template>
102
+ <fa-icon v-else :icon="['fas', 'paper-plane']" />
103
+ </button>
104
+
105
+ </div>
106
+
107
+ <div class="tg-btn btn-red" :class="{'small-btn' : iconButton}" v-if="hasSecondaryButton">
108
+ <button v-if="hasSecondaryButton" @click="$emit('dispatch-clients-with-bot')" ref="template-single-button-secondary">
109
+ <template v-if="!iconButton">
110
+ <fa-icon :icon="['fas', 'paper-plane']" />
111
+ {{ dictionary.btn_contatar_clientes_com_bot }}
112
+ </template>
113
+ <fa-icon v-else :icon="['fas', 'paper-plane']" />
114
+ </button>
115
+ </div>
112
116
  </div>
117
+
113
118
  </div>
114
119
  </template>
115
120
 
@@ -121,6 +126,14 @@
121
126
  .btn-red svg {
122
127
  color: rgb(182, 0, 0);
123
128
  }
129
+
130
+ .container-btns {
131
+ display: flex;
132
+ flex-direction: column;
133
+ justify-content: center;
134
+ align-items: center;
135
+ gap: 10px;
136
+ }
124
137
  </style>
125
138
 
126
139
  <script>