Add summary subheader and fix mobile overflow
keyboardstaff committed
Mar 18, 2026 at 07:18 UTC
e3e92c436a0b44881967dd6abf979ae83d6ca9c8
1 file changed
+32
plugins/_model_config/webui/models-summary.html
+32
@@ -37,6 +37,10 @@
37
loading = false;
38
"
39
class="model-summary">
40
+ <div class="model-summary-header">
41
+ <div class="field-title">Current Models</div>
42
+ <div class="field-description">Active model configuration resolved from global, project, and agent profile scopes.</div>
43
+ </div>
44
<div x-show="loading" style="text-align:center; padding:12px;">
45
<span class="material-symbols-outlined spinning" style="font-size:18px;">progress_activity</span>
46
</div>
@@ -64,6 +68,9 @@
68
.model-summary {
69
margin-top: 14px;
70
}
71
+ .model-summary-header {
72
+ margin-bottom: 8px;
73
+ }
74
.model-summary-grid {
75
display: flex;
76
flex-direction: column;
@@ -71,6 +78,9 @@
78
border: 1px solid var(--color-border);
79
border-radius: 8px;
80
padding: 0.75em 1em;
81
+ max-width: 100%;
82
+ overflow: hidden;
83
+ box-sizing: border-box;
84
}
85
.model-summary-row {
86
display: flex;
@@ -78,6 +88,7 @@
88
gap: 8px;
89
padding: 9px 14px;
90
font-size: 0.82rem;
91
+ min-width: 0;
92
}
93
.model-summary-row:not(:last-child) {
94
border-bottom: 1px solid var(--color-border);
@@ -100,6 +111,27 @@
111
text-overflow: ellipsis;
112
white-space: nowrap;
113
}
114
+ @media (max-width: 600px) {
115
+ .model-summary-grid {
116
+ padding: 0.5em 0.5em;
117
+ }
118
+ .model-summary-row {
119
+ flex-wrap: wrap;
120
+ padding: 8px 8px;
121
+ gap: 4px;
122
+ }
123
+ .model-summary-label {
124
+ width: auto;
125
+ }
126
+ .model-summary-value {
127
+ width: 100%;
128
+ flex-basis: 100%;
129
+ padding-left: 24px;
130
+ font-size: 0.78rem;
131
+ white-space: normal;
132
+ word-break: break-all;
133
+ }
134
+ }
135
</style>
136
</body>
137
</html>