refine Semi UI mobile history tools
This commit is contained in:
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user