chuan/Cli-Proxy-API-Management-Center
1
0
Fork 0
mirror of https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git synced 2026-02-18 18:50:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: simplify AiProvidersPage by removing unused delete confirmation text and enhance brand header styles for better layout and responsiveness

Browse Source
This commit is contained in:
Supra4E8C
2025-12-10 02:02:18 +08:00
parent c71af9a8a5
commit e8d918ba98
2 changed files with 12 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/AiProvidersPage.tsx
View File

@@ -585,8 +585,7 @@ export function AiProvidersPage() {
), ),
(index) => openOpenaiModal(index), (index) => openOpenaiModal(index),
(item) => deleteOpenai(item.name), (item) => deleteOpenai(item.name),
t('ai_providers.openai_add_button'), t('ai_providers.openai_add_button')
t('ai_providers.openai_delete_confirm')
)} )}
</Card> </Card>

27
src/styles/layout.scss
View File

@@ -67,47 +67,43 @@
} }
.brand-header { .brand-header {
display: flex;
align-items: center;
gap: $spacing-xs;
font-weight: 800; font-weight: 800;
font-size: 18px; font-size: 18px;
color: var(--text-primary); color: var(--text-primary);
margin-right: $spacing-md; margin-right: $spacing-md;
position: relative;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
flex-shrink: 0; flex-shrink: 0;
.brand-full,
.brand-abbr {
display: inline-block;
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.brand-full { .brand-full {
display: inline-block;
max-width: 320px; max-width: 320px;
opacity: 1; opacity: 1;
transform: translateX(0); transform: translateX(0);
transition: max-width 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
} }
.brand-abbr { .brand-abbr {
position: absolute; display: inline-block;
left: 0; transform: translateX(12px);
top: 50%;
transform: translateY(-50%) translateX(20px);
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: opacity 0.4s ease, transform 0.4s ease;
} }
&.collapsed { &.collapsed {
.brand-full { .brand-full {
max-width: 0; max-width: 0;
opacity: 0; opacity: 0;
transform: translateX(-20px); transform: translateX(-12px);
} }
.brand-abbr { .brand-abbr {
position: relative; transform: translateX(0);
transform: translateY(0) translateX(0);
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
@@ -132,8 +128,7 @@
} }
.brand-abbr { .brand-abbr {
position: relative; transform: translateX(0);
transform: none;
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }