llmasaservice-ui 0.4.10 → 0.5.1
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/dist/index.css +55 -2
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +145 -73
- package/dist/index.mjs +138 -66
- package/package.json +1 -1
- package/src/ChatPanel.css +71 -12
- package/src/ChatPanel.tsx +61 -17
- package/src/EmailModal.tsx +55 -0
package/dist/index.css
CHANGED
|
@@ -132,6 +132,12 @@
|
|
|
132
132
|
display: flex;
|
|
133
133
|
margin-top: 10px;
|
|
134
134
|
}
|
|
135
|
+
.side-panel .button-container-actions {
|
|
136
|
+
display: flex;
|
|
137
|
+
margin-top: 10px;
|
|
138
|
+
justify-content: space-between;
|
|
139
|
+
gap: 5px;
|
|
140
|
+
}
|
|
135
141
|
.side-panel .scroll-button {
|
|
136
142
|
position: absolute;
|
|
137
143
|
left: 50%;
|
|
@@ -166,6 +172,7 @@
|
|
|
166
172
|
padding: 8px;
|
|
167
173
|
}
|
|
168
174
|
.side-panel .save-button {
|
|
175
|
+
flex: 1;
|
|
169
176
|
background-color: #d1ecf1;
|
|
170
177
|
color: black;
|
|
171
178
|
border: none;
|
|
@@ -178,7 +185,6 @@
|
|
|
178
185
|
.suggestions-container {
|
|
179
186
|
display: flex;
|
|
180
187
|
flex-wrap: wrap;
|
|
181
|
-
gap: 5px;
|
|
182
188
|
}
|
|
183
189
|
.suggestion-button {
|
|
184
190
|
background-color: #007bff;
|
|
@@ -188,7 +194,7 @@
|
|
|
188
194
|
padding: 5px 10px;
|
|
189
195
|
font-size: 0.8em;
|
|
190
196
|
cursor: pointer;
|
|
191
|
-
margin: 5px
|
|
197
|
+
margin: 5px;
|
|
192
198
|
}
|
|
193
199
|
.suggestion-button:hover {
|
|
194
200
|
background-color: #0056b3;
|
|
@@ -334,6 +340,12 @@
|
|
|
334
340
|
display: flex;
|
|
335
341
|
margin-top: 10px;
|
|
336
342
|
}
|
|
343
|
+
.side-panel-dark .button-container-actions {
|
|
344
|
+
display: flex;
|
|
345
|
+
margin-top: 10px;
|
|
346
|
+
justify-content: space-between;
|
|
347
|
+
gap: 5px;
|
|
348
|
+
}
|
|
337
349
|
.side-panel-dark .scroll-button {
|
|
338
350
|
position: absolute;
|
|
339
351
|
left: 50%;
|
|
@@ -374,6 +386,7 @@
|
|
|
374
386
|
color: #fff;
|
|
375
387
|
}
|
|
376
388
|
.side-panel-dark .save-button {
|
|
389
|
+
flex: 1;
|
|
377
390
|
background-color: #3a3737;
|
|
378
391
|
color: white;
|
|
379
392
|
border: none;
|
|
@@ -397,3 +410,43 @@
|
|
|
397
410
|
color: lightgrey;
|
|
398
411
|
text-decoration: underline;
|
|
399
412
|
}
|
|
413
|
+
.modal-overlay {
|
|
414
|
+
position: fixed;
|
|
415
|
+
top: 0;
|
|
416
|
+
left: 0;
|
|
417
|
+
right: 0;
|
|
418
|
+
bottom: 0;
|
|
419
|
+
background: rgba(0, 0, 0, 0.5);
|
|
420
|
+
display: flex;
|
|
421
|
+
justify-content: center;
|
|
422
|
+
align-items: center;
|
|
423
|
+
}
|
|
424
|
+
.modal-content {
|
|
425
|
+
background: white;
|
|
426
|
+
padding: 5px;
|
|
427
|
+
border-radius: 8px;
|
|
428
|
+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
429
|
+
text-align: center;
|
|
430
|
+
color: #333;
|
|
431
|
+
}
|
|
432
|
+
.modal-text {
|
|
433
|
+
color: black;
|
|
434
|
+
}
|
|
435
|
+
.modal-buttons {
|
|
436
|
+
padding: 5px 10px;
|
|
437
|
+
display: flex;
|
|
438
|
+
justify-content: space-between;
|
|
439
|
+
}
|
|
440
|
+
.modal-buttons button {
|
|
441
|
+
padding: 5px 10px;
|
|
442
|
+
border: none;
|
|
443
|
+
border-radius: 5px;
|
|
444
|
+
cursor: pointer;
|
|
445
|
+
}
|
|
446
|
+
.modal-buttons button:first-child {
|
|
447
|
+
background: #ccc;
|
|
448
|
+
}
|
|
449
|
+
.modal-buttons button:last-child {
|
|
450
|
+
background: #007bff;
|
|
451
|
+
color: white;
|
|
452
|
+
}
|
package/dist/index.d.mts
CHANGED