fix: 修复添加自定义模型名称超长导致文字溢出问题(关联 Issue #100)

This commit is contained in:
zhaosb 2025-03-29 23:00:49 +08:00
parent f8ae7db31d
commit 224caa623e
2 changed files with 24 additions and 2 deletions

View File

@ -106,7 +106,7 @@
@click="handleChange('model_provider', 'custom'); handleChange('model_name', item.custom_id)" @click="handleChange('model_provider', 'custom'); handleChange('model_name', item.custom_id)"
> >
<div class="card-models__header"> <div class="card-models__header">
<div class="name">{{ item.name }}</div> <div class="name" :title="item.name">{{ item.name }}</div>
<div class="action"> <div class="action">
<a-popconfirm <a-popconfirm
title="确认删除该模型?" title="确认删除该模型?"
@ -704,11 +704,33 @@ const sendRestart = () => {
.name { .name {
color: var(--gray-1000); color: var(--gray-1000);
font-weight: bold; font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
margin-right: 8px;
position: relative;
&:hover::after {
content: attr(title);
position: absolute;
left: 0;
top: 100%;
background: rgba(0, 0, 0, 0.8);
color: white;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
z-index: 1000;
margin-top: 5px;
}
} }
.action { .action {
opacity: 0; opacity: 0;
user-select: none; user-select: none;
margin-left: auto; margin-left: auto;
flex-shrink: 0;
button { button {
padding: 4px 8px; padding: 4px 8px;
} }

View File

@ -14,7 +14,7 @@ export default defineConfig(({ mode }) => {
server: { server: {
proxy: { proxy: {
'^/api': { '^/api': {
target: env.VITE_API_URL || 'http://localhost:5050', target: env.VITE_API_URL || 'http://127.0.0.1:5050',
changeOrigin: true, changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '') rewrite: (path) => path.replace(/^\/api/, '')
} }