yumoqing
063e158989
- show_llms/show_llms_by_providers的HBox加css:filler - 右侧urlwidget加css:filler - show_llms_cards两个文件的VScrollPanel加css:filler - CSS中为tabpanel-content和scrollpanel添加flex布局确保高度传递
93 lines
1.6 KiB
CSS
93 lines
1.6 KiB
CSS
/* Model Plaza — 模型广场 */
|
|
|
|
.plaza-header {
|
|
padding: 8px 16px 4px 16px;
|
|
}
|
|
|
|
.plaza-tabs .tab-bar {
|
|
border-bottom: 2px solid var(--sage-border, #e2e8f0);
|
|
}
|
|
|
|
.plaza-tabs .tab-item {
|
|
font-weight: 500;
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
.plaza-tabs .tab-item:hover {
|
|
color: var(--sage-brand, #6366f1);
|
|
}
|
|
|
|
/* Left sidebar */
|
|
.plaza-sidebar {
|
|
border-right: 1px solid var(--sage-border, #e2e8f0);
|
|
padding: 4px;
|
|
}
|
|
|
|
.plaza-nav-btn {
|
|
margin-bottom: 2px;
|
|
text-align: left;
|
|
transition: background-color 0.15s ease;
|
|
}
|
|
|
|
.plaza-nav-btn:hover {
|
|
background-color: var(--sage-hover, rgba(99, 102, 241, 0.08));
|
|
}
|
|
|
|
/* Card hover effects for model cards */
|
|
.plaza-card {
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
cursor: pointer;
|
|
border-radius: 8px !important;
|
|
}
|
|
|
|
.plaza-card:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
/* Category section headers */
|
|
.plaza-section-title {
|
|
padding: 12px 0 4px 4px;
|
|
position: relative;
|
|
}
|
|
|
|
.plaza-section-title::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 4px;
|
|
height: 70%;
|
|
border-radius: 2px;
|
|
background: var(--sage-brand, #6366f1);
|
|
}
|
|
|
|
/* Smooth card grid */
|
|
.plaza-grid {
|
|
gap: 12px !important;
|
|
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;
|
|
}
|
|
|
|
/* Description text */
|
|
.plaza-card .model-desc {
|
|
line-height: 1.5;
|
|
opacity: 0.85;
|
|
}
|