fix: 右侧模型列表不可滚动 — 添加filler CSS和flex布局

- show_llms/show_llms_by_providers的HBox加css:filler
- 右侧urlwidget加css:filler
- show_llms_cards两个文件的VScrollPanel加css:filler
- CSS中为tabpanel-content和scrollpanel添加flex布局确保高度传递
This commit is contained in:
yumoqing 2026-06-01 13:29:57 +08:00
parent dac3ebb5a7
commit 063e158989
5 changed files with 17 additions and 0 deletions

View File

@ -69,6 +69,17 @@
padding: 4px 8px;
}
/* Right panel: ensure scrollable area fills available space */
.plaza-tabs .tabpanel-content {
display: flex;
flex-direction: column;
}
.plaza-tabs .tabpanel-content > .scrollpanel {
flex: 1;
min-height: 0;
overflow-y: auto;
}
/* Model icon area */
.plaza-card .model-icon-row {
gap: 8px;

View File

@ -2,6 +2,7 @@
{
"widgettype":"HBox",
"options":{
"css":"filler",
"width":"100%",
"height":"100%"
},
@ -65,6 +66,7 @@
"widgettype":"urlwidget",
"id":"plaza_cards_panel",
"options":{
"css":"filler",
"cwidth":82,
"height":"100%",
"url":"{{entire_url('show_llms_cards.ui')}}"

View File

@ -2,6 +2,7 @@
{
"widgettype":"HBox",
"options":{
"css":"filler",
"width":"100%",
"height":"100%"
},
@ -65,6 +66,7 @@
"widgettype":"urlwidget",
"id":"plaza_provider_panel",
"options":{
"css":"filler",
"cwidth":82,
"height":"100%",
"url":"{{entire_url('show_llms_cards_by_provider.ui')}}"

View File

@ -4,6 +4,7 @@
{
"widgettype":"VScrollPanel",
"options":{
"css":"filler",
"width":"100%",
"height":"100%"
},

View File

@ -4,6 +4,7 @@
{
"widgettype":"VScrollPanel",
"options":{
"css":"filler",
"width":"100%",
"height":"100%"
},