callix-dialer-widget 1.2.2 → 1.2.3
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.
|
@@ -55183,6 +55183,7 @@ function InlineDialer({ variant = "default", ...props }) {
|
|
|
55183
55183
|
{
|
|
55184
55184
|
dangerouslySetInnerHTML: {
|
|
55185
55185
|
__html: `
|
|
55186
|
+
/* Wrapper base */
|
|
55186
55187
|
.callix-inline-wrapper {
|
|
55187
55188
|
position: relative;
|
|
55188
55189
|
display: flex;
|
|
@@ -55218,6 +55219,97 @@ function InlineDialer({ variant = "default", ...props }) {
|
|
|
55218
55219
|
.callix-inline-wrapper [data-floating-dialer-resize] {
|
|
55219
55220
|
display: none !important;
|
|
55220
55221
|
}
|
|
55222
|
+
|
|
55223
|
+
/* Estilos para modo mini quando Tailwind CDN não processa classes */
|
|
55224
|
+
.callix.mode.min {
|
|
55225
|
+
display: flex !important;
|
|
55226
|
+
flex-direction: column !important;
|
|
55227
|
+
gap: 0.75rem !important;
|
|
55228
|
+
border-radius: 1rem !important;
|
|
55229
|
+
border: 1px solid #e2e8f0 !important;
|
|
55230
|
+
background: rgba(255, 255, 255, 0.95) !important;
|
|
55231
|
+
padding: 0.75rem !important;
|
|
55232
|
+
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
|
|
55233
|
+
color: #1e293b !important;
|
|
55234
|
+
width: 100% !important;
|
|
55235
|
+
max-width: 100% !important;
|
|
55236
|
+
}
|
|
55237
|
+
|
|
55238
|
+
/* Botões do modo mini */
|
|
55239
|
+
.callix.mode.min button {
|
|
55240
|
+
cursor: pointer !important;
|
|
55241
|
+
transition: all 0.2s ease !important;
|
|
55242
|
+
}
|
|
55243
|
+
|
|
55244
|
+
.callix.mode.min button:disabled {
|
|
55245
|
+
cursor: not-allowed !important;
|
|
55246
|
+
opacity: 0.6 !important;
|
|
55247
|
+
}
|
|
55248
|
+
|
|
55249
|
+
/* Grid do teclado numérico */
|
|
55250
|
+
.callix.mode.min [class*="grid-cols-3"] {
|
|
55251
|
+
display: grid !important;
|
|
55252
|
+
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
|
|
55253
|
+
gap: 0.5rem !important;
|
|
55254
|
+
}
|
|
55255
|
+
|
|
55256
|
+
/* Botões do teclado */
|
|
55257
|
+
.callix.mode.min [class*="grid-cols-3"] button {
|
|
55258
|
+
display: flex !important;
|
|
55259
|
+
height: 3rem !important;
|
|
55260
|
+
flex-direction: column !important;
|
|
55261
|
+
align-items: center !important;
|
|
55262
|
+
justify-content: center !important;
|
|
55263
|
+
border-radius: 0.5rem !important;
|
|
55264
|
+
border: 1px solid #e2e8f0 !important;
|
|
55265
|
+
background: white !important;
|
|
55266
|
+
font-size: 1rem !important;
|
|
55267
|
+
font-weight: 600 !important;
|
|
55268
|
+
color: #1e293b !important;
|
|
55269
|
+
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
|
|
55270
|
+
}
|
|
55271
|
+
|
|
55272
|
+
.callix.mode.min [class*="grid-cols-3"] button:hover:not(:disabled) {
|
|
55273
|
+
border-color: #cbd5e1 !important;
|
|
55274
|
+
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
|
|
55275
|
+
}
|
|
55276
|
+
|
|
55277
|
+
.callix.mode.min [class*="grid-cols-3"] button:active:not(:disabled) {
|
|
55278
|
+
transform: scale(0.95) !important;
|
|
55279
|
+
}
|
|
55280
|
+
|
|
55281
|
+
/* Botão principal de Ligar/Encerrar */
|
|
55282
|
+
.callix.mode.min > button[class*="bg-emerald"],
|
|
55283
|
+
.callix.mode.min > button[class*="bg-rose"] {
|
|
55284
|
+
display: flex !important;
|
|
55285
|
+
height: 2.75rem !important;
|
|
55286
|
+
width: 100% !important;
|
|
55287
|
+
align-items: center !important;
|
|
55288
|
+
justify-content: center !important;
|
|
55289
|
+
gap: 0.5rem !important;
|
|
55290
|
+
border-radius: 0.75rem !important;
|
|
55291
|
+
font-size: 0.875rem !important;
|
|
55292
|
+
font-weight: 700 !important;
|
|
55293
|
+
color: white !important;
|
|
55294
|
+
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
|
|
55295
|
+
border: none !important;
|
|
55296
|
+
}
|
|
55297
|
+
|
|
55298
|
+
.callix.mode.min > button[class*="bg-emerald"] {
|
|
55299
|
+
background: #10b981 !important;
|
|
55300
|
+
}
|
|
55301
|
+
|
|
55302
|
+
.callix.mode.min > button[class*="bg-emerald"]:hover:not(:disabled) {
|
|
55303
|
+
background: #059669 !important;
|
|
55304
|
+
}
|
|
55305
|
+
|
|
55306
|
+
.callix.mode.min > button[class*="bg-rose"] {
|
|
55307
|
+
background: #f43f5e !important;
|
|
55308
|
+
}
|
|
55309
|
+
|
|
55310
|
+
.callix.mode.min > button[class*="bg-rose"]:hover:not(:disabled) {
|
|
55311
|
+
background: #e11d48 !important;
|
|
55312
|
+
}
|
|
55221
55313
|
`
|
|
55222
55314
|
}
|
|
55223
55315
|
}
|