refine Semi UI mobile history tools

This commit is contained in:
lingniu
2026-07-18 15:15:37 +08:00
parent 50b5107bc2
commit b764ba1be8
3 changed files with 84 additions and 19 deletions

View File

@@ -6803,14 +6803,19 @@
}
.v2-history-table-card .v2-workspace-panel-actions {
gap: 2px;
max-width: none;
gap: 6px;
}
.v2-history-table-card .v2-workspace-panel-actions > .semi-button {
width: 32px;
min-width: 32px;
min-height: 32px;
padding: 0;
width: auto;
min-width: 62px;
min-height: 36px;
border: 1px solid #dbe5f0;
border-radius: 8px;
background: #f7f9fc;
padding: 0 10px;
color: #536980;
}
.v2-history-table-card .v2-history-result-actions.is-mobile-actions > .semi-button .semi-button-content {
@@ -6820,12 +6825,22 @@
}
.v2-history-table-card .v2-history-result-actions.is-mobile-actions > .semi-button .semi-button-content-right {
display: none;
display: inline-flex;
margin-left: 5px;
color: inherit;
font-size: 10px;
font-weight: 700;
}
.v2-history-table-card .v2-history-result-actions.is-mobile-actions > .semi-button .semi-icon {
color: #5f7188;
font-size: 16px;
font-size: 14px;
}
.v2-history-table-card .v2-history-result-actions.is-mobile-actions > .v2-history-table-trend.is-expanded {
border-color: #b8d2f6;
background: #edf5ff;
color: var(--v2-blue);
}
.v2-history-table-card .v2-history-result-actions.is-mobile-actions > .v2-history-table-trend.is-expanded .semi-icon {
@@ -6924,7 +6939,7 @@
.v2-history-mobile-list > .v2-history-mobile-card.semi-card {
border-radius: 8px;
box-shadow: none;
contain-intrinsic-size: auto 124px;
contain-intrinsic-size: auto 108px;
}
.v2-history-mobile-card-content {
@@ -6993,6 +7008,30 @@
}
}
.v2-history-mobile-tools-menu {
width: 168px;
min-width: 168px;
border: 1px solid #dbe4ef;
border-radius: 11px;
padding: 6px;
box-shadow: 0 18px 44px rgba(27, 45, 72, .16);
}
.v2-history-mobile-tools-menu .semi-dropdown-item {
min-height: 42px;
border-radius: 8px;
padding-inline: 11px;
color: #445a72;
font-size: 11px;
font-weight: 650;
}
.v2-history-mobile-tools-menu .semi-dropdown-item:hover,
.v2-history-mobile-tools-menu .semi-dropdown-item:focus-visible {
background: #edf5ff;
color: #1d64c5;
}
@media (max-width: 360px) {
.v2-history-mobile-card-content dl {
grid-template-columns: repeat(2, minmax(0, 1fr));