feat: add model list viewer for auth file cards

This commit is contained in:
Test
2025-12-14 15:17:00 +08:00
parent aea1ceb6be
commit abf9b5f8c9
4 changed files with 147 additions and 4 deletions

View File

@@ -390,3 +390,59 @@
text-align: center;
padding: $spacing-lg;
}
// 模型列表弹窗
.modelsList {
display: flex;
flex-direction: column;
gap: $spacing-sm;
max-height: 400px;
overflow-y: auto;
}
.modelItem {
display: flex;
align-items: center;
gap: $spacing-sm;
padding: $spacing-sm $spacing-md;
background-color: var(--bg-secondary);
border-radius: $radius-md;
border: 1px solid var(--border-color);
flex-wrap: wrap;
cursor: pointer;
transition: all $transition-fast;
&:hover {
background-color: var(--bg-hover);
border-color: var(--primary-color);
}
&:active {
transform: scale(0.98);
}
}
.modelId {
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 13px;
font-weight: 600;
color: var(--text-primary);
word-break: break-all;
}
.modelDisplayName {
font-size: 12px;
color: var(--text-secondary);
flex-shrink: 0;
}
.modelType {
font-size: 11px;
color: var(--text-tertiary);
background-color: var(--bg-tertiary);
padding: 2px 8px;
border-radius: 10px;
flex-shrink: 0;
margin-left: auto;
}