Skip to content

fix(console): stabilize provider card header layout across locales #1401

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
EuanTop wants to merge 6 commits into from
Closed

fix(console): stabilize provider card header layout across locales #1401

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
b8baf90
fix(console): prevent provider card action overflow on narrow widths
EuanTop Mar 13, 2026
3288fec
fix(console): stabilize provider card multilingual header layout
EuanTop Mar 14, 2026
5bef2ed
fix(console): apply prettier formatting for provider cards
EuanTop Mar 14, 2026
6937e43
Potential fix for pull request finding
EuanTop Mar 14, 2026
6d8f042
fix(console): resolve follow-up copilot review issues
EuanTop Mar 14, 2026
b7edbc6
fix(console): align wrapped single-token provider tag row
EuanTop Mar 14, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 5 additions & 1 deletion console/src/pages/Settings/Models/components/cards/RemoteProviderCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -205,9 +205,13 @@ export function RemoteProviderCard({
size="small"
danger
onClick={handleDeleteProvider}
className={styles.configBtn}
icon={<DeleteOutlined />}
>
{t("models.deleteProvider")}
<span className={styles.deleteTextLong}>
{t("models.deleteProvider")}
</span>
<span className={styles.deleteTextShort}>{t("common.delete")}</span>
Comment thread
EuanTop marked this conversation as resolved.
</Button>
)}
</div>
Expand Down
40 changes: 37 additions & 3 deletions console/src/pages/Settings/Models/index.module.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,6 +70,7 @@
.providerCard {
flex: 1 1 calc(33.333% - 16px);
min-width: 280px;
container-type: inline-size;
border-radius: 16px;
transition: all 0.2s ease-in-out;
cursor: pointer;
Expand Down Expand Up @@ -197,7 +198,8 @@
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
gap: clamp(2px, 0.8vw, 8px);
flex-wrap: nowrap;
Comment thread
EuanTop marked this conversation as resolved.
Outdated
padding-top: 14px;
border-top: 1px solid #f0f0f0;
}
Expand All @@ -206,8 +208,8 @@
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 6px 14px;
gap: clamp(3px, 0.6vw, 6px);
padding: 6px clamp(6px, 1vw, 14px);
Comment thread
EuanTop marked this conversation as resolved.
Outdated
color: #555;
font-size: 13px;
cursor: pointer;
Expand All @@ -216,6 +218,38 @@
white-space: nowrap;
}

.deleteTextShort {
display: none;
}

@container (max-width: 360px) {
.cardActions {
gap: 2px;
}

.configBtn {
padding: 6px 6px;
}

.deleteTextLong {
display: none;
}

.deleteTextShort {
display: inline;
}
}

@media (max-width: 1440px) {
.cardActions {
gap: 4px;
}
Comment thread
EuanTop marked this conversation as resolved.
Outdated

.configBtn {
padding: 6px 10px;
}
Comment thread
EuanTop marked this conversation as resolved.
Outdated
}
Comment thread
EuanTop marked this conversation as resolved.
Outdated

/* ---- Modal Footer ---- */

.modalFooter {
Expand Down
Loading