agentgui 1.0.106 → 1.0.107
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 +1 -1
- package/static/index.html +47 -2
package/package.json
CHANGED
package/static/index.html
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
--color-warning: #f59e0b;
|
|
27
27
|
--sidebar-width: 300px;
|
|
28
28
|
--header-height: 52px;
|
|
29
|
-
--msg-max-width:
|
|
29
|
+
--msg-max-width: 100%;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
html.dark {
|
|
@@ -318,10 +318,12 @@
|
|
|
318
318
|
max-width: var(--msg-max-width);
|
|
319
319
|
margin: 0 auto;
|
|
320
320
|
width: 100%;
|
|
321
|
-
padding: 1.5rem
|
|
321
|
+
padding: 1.5rem 2rem;
|
|
322
322
|
display: flex;
|
|
323
323
|
flex-direction: column;
|
|
324
324
|
min-height: 100%;
|
|
325
|
+
padding-left: calc(max(2rem, (100vw - 900px) / 2));
|
|
326
|
+
padding-right: calc(max(2rem, (100vw - 900px) / 2));
|
|
325
327
|
}
|
|
326
328
|
|
|
327
329
|
#output {
|
|
@@ -817,6 +819,49 @@
|
|
|
817
819
|
.agent-selector { display: none; }
|
|
818
820
|
}
|
|
819
821
|
|
|
822
|
+
/* ===== SCROLLBAR STYLING ===== */
|
|
823
|
+
::-webkit-scrollbar {
|
|
824
|
+
width: 10px;
|
|
825
|
+
height: 10px;
|
|
826
|
+
}
|
|
827
|
+
|
|
828
|
+
::-webkit-scrollbar-track {
|
|
829
|
+
background: transparent;
|
|
830
|
+
}
|
|
831
|
+
|
|
832
|
+
::-webkit-scrollbar-thumb {
|
|
833
|
+
background: #cbd5e1;
|
|
834
|
+
border-radius: 8px;
|
|
835
|
+
border: 3px solid transparent;
|
|
836
|
+
background-clip: padding-box;
|
|
837
|
+
transition: background-color 0.2s;
|
|
838
|
+
}
|
|
839
|
+
|
|
840
|
+
::-webkit-scrollbar-thumb:hover {
|
|
841
|
+
background-color: #94a3b8;
|
|
842
|
+
background-clip: padding-box;
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
html.dark ::-webkit-scrollbar-thumb {
|
|
846
|
+
background: #475569;
|
|
847
|
+
background-clip: padding-box;
|
|
848
|
+
}
|
|
849
|
+
|
|
850
|
+
html.dark ::-webkit-scrollbar-thumb:hover {
|
|
851
|
+
background-color: #64748b;
|
|
852
|
+
background-clip: padding-box;
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
/* Firefox scrollbar */
|
|
856
|
+
* {
|
|
857
|
+
scrollbar-width: thin;
|
|
858
|
+
scrollbar-color: #cbd5e1 transparent;
|
|
859
|
+
}
|
|
860
|
+
|
|
861
|
+
html.dark * {
|
|
862
|
+
scrollbar-color: #475569 transparent;
|
|
863
|
+
}
|
|
864
|
+
|
|
820
865
|
/* ===== RESPONSIVE: TABLET ===== */
|
|
821
866
|
@media (min-width: 769px) and (max-width: 1024px) {
|
|
822
867
|
:root { --sidebar-width: 260px; }
|