fix: 优化 API 列表表格宽度和列宽
- 增加表格最大宽度从 1000px 到 1200px - 默认使用 100% 宽度,仅在超宽屏幕(1600px+)时避让目录 - 扩大各列宽度:名称 120px、提供商 110px、模型 150px、密钥 140px、端点 180px、操作 200px - 增加 code 标签最大宽度从 120px 到 160px,显示更多内容
This commit is contained in:
25
settings.php
25
settings.php
@@ -58,10 +58,15 @@ function themeoptions_page(){
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
#argon-unified-api-list {
|
#argon-unified-api-list {
|
||||||
max-width: 1000px;
|
max-width: 1200px;
|
||||||
width: calc(100% - 240px);
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
@media screen and (min-width: 1600px) {
|
||||||
|
#argon-unified-api-list {
|
||||||
|
width: calc(100% - 200px);
|
||||||
|
}
|
||||||
|
}
|
||||||
@media screen and (max-width: 1200px) {
|
@media screen and (max-width: 1200px) {
|
||||||
#argon-unified-api-list {
|
#argon-unified-api-list {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
@@ -81,37 +86,37 @@ function themeoptions_page(){
|
|||||||
}
|
}
|
||||||
.argon-ai-api-table th:nth-child(1),
|
.argon-ai-api-table th:nth-child(1),
|
||||||
.argon-ai-api-table td:nth-child(1) {
|
.argon-ai-api-table td:nth-child(1) {
|
||||||
width: 70px;
|
width: 120px;
|
||||||
}
|
}
|
||||||
.argon-ai-api-table th:nth-child(2),
|
.argon-ai-api-table th:nth-child(2),
|
||||||
.argon-ai-api-table td:nth-child(2) {
|
.argon-ai-api-table td:nth-child(2) {
|
||||||
width: 80px;
|
width: 110px;
|
||||||
}
|
}
|
||||||
.argon-ai-api-table th:nth-child(3),
|
.argon-ai-api-table th:nth-child(3),
|
||||||
.argon-ai-api-table td:nth-child(3) {
|
.argon-ai-api-table td:nth-child(3) {
|
||||||
width: 100px;
|
width: 150px;
|
||||||
}
|
}
|
||||||
.argon-ai-api-table th:nth-child(4),
|
.argon-ai-api-table th:nth-child(4),
|
||||||
.argon-ai-api-table td:nth-child(4) {
|
.argon-ai-api-table td:nth-child(4) {
|
||||||
width: 120px;
|
width: 140px;
|
||||||
}
|
}
|
||||||
.argon-ai-api-table th:nth-child(5),
|
.argon-ai-api-table th:nth-child(5),
|
||||||
.argon-ai-api-table td:nth-child(5) {
|
.argon-ai-api-table td:nth-child(5) {
|
||||||
width: 120px;
|
width: 180px;
|
||||||
}
|
}
|
||||||
.argon-ai-api-table th:nth-child(6),
|
.argon-ai-api-table th:nth-child(6),
|
||||||
.argon-ai-api-table td:nth-child(6) {
|
.argon-ai-api-table td:nth-child(6) {
|
||||||
width: 80px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
.argon-ai-api-table th:nth-child(7),
|
.argon-ai-api-table th:nth-child(7),
|
||||||
.argon-ai-api-table td:nth-child(7) {
|
.argon-ai-api-table td:nth-child(7) {
|
||||||
width: 140px;
|
width: 200px;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
text-overflow: clip;
|
text-overflow: clip;
|
||||||
}
|
}
|
||||||
.argon-ai-api-table td code {
|
.argon-ai-api-table td code {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: 120px;
|
max-width: 160px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
Reference in New Issue
Block a user