feat: unify detail side sheets

This commit is contained in:
lingniu
2026-07-19 05:38:17 +08:00
parent 7eca5ae352
commit 63b50732cb
15 changed files with 273 additions and 42 deletions

View File

@@ -20806,6 +20806,72 @@
box-shadow: 0 7px 18px rgba(18, 104, 243, .18);
}
/*
* Shared Semi UI detail SideSheet: preserve each page's evidence content while
* keeping object identity, status, surface depth and scrolling consistent.
*/
.v2-workspace-detail-sidesheet .semi-sidesheet-inner {
overflow: hidden;
border-left: 1px solid #d9e3ef;
background: #f4f7fb;
box-shadow: -22px 0 64px rgba(24, 43, 68, .16);
}
.v2-workspace-detail-sidesheet .semi-sidesheet-header {
min-height: 78px;
border-bottom: 1px solid #dfe7f0;
background:
radial-gradient(circle at 10% 0%, rgba(18, 104, 243, .075), transparent 36%),
linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
padding: 13px 18px;
}
.v2-workspace-detail-sidesheet .semi-sidesheet-title {
min-width: 0;
}
.v2-workspace-detail-sidesheet .v2-workspace-config-title strong {
font-size: 18px;
}
.v2-workspace-detail-sidesheet .semi-sidesheet-close {
width: 36px;
height: 36px;
border-radius: 9px;
}
.v2-workspace-detail-sidesheet .semi-sidesheet-body {
min-height: 0;
overflow: hidden;
background: #f4f7fb;
padding: 0;
}
.v2-workspace-detail-sidesheet .v2-workspace-config-content {
padding: 9px;
scrollbar-gutter: stable;
}
.v2-workspace-detail-sidesheet .v2-workspace-config-content > .semi-card {
width: 100%;
min-height: 100%;
border-radius: 11px;
}
.v2-alert-detail-sidesheet .v2-workspace-config-content,
.v2-source-evidence-sidesheet .v2-workspace-config-content {
padding: 0;
}
.v2-history-detail-sidesheet .v2-workspace-config-content,
.v2-access-detail-sidesheet .v2-workspace-config-content {
padding: 8px;
}
.v2-source-evidence-sidesheet .v2-source-evidence-sheet-body > .v2-source-evidence-body {
min-height: 100%;
}
.v2-history-column-sidesheet .v2-workspace-config-content {
overflow: hidden;
padding: 0;
@@ -20872,6 +20938,49 @@
}
@media (max-width: 680px) {
.v2-workspace-detail-sidesheet.semi-sidesheet-bottom .semi-sidesheet-inner {
width: 100% !important;
max-width: 100%;
border: 1px solid #d8e2ed;
border-bottom: 0;
border-radius: 18px 18px 0 0;
box-shadow: 0 -18px 48px rgba(23, 43, 68, .17);
padding-bottom: env(safe-area-inset-bottom);
}
.v2-workspace-detail-sidesheet.semi-sidesheet-bottom .semi-sidesheet-header {
min-height: 70px;
padding: 10px 12px 10px 14px;
}
.v2-workspace-detail-sidesheet .v2-workspace-config-title {
gap: 8px;
}
.v2-workspace-detail-sidesheet .v2-workspace-config-title strong {
font-size: 16px;
}
.v2-workspace-detail-sidesheet .v2-workspace-config-title small {
max-width: 250px;
font-size: 9px;
}
.v2-workspace-detail-sidesheet .v2-workspace-config-title > .semi-tag {
min-height: 23px;
padding-inline: 8px;
font-size: 8px;
}
.v2-workspace-detail-sidesheet .v2-workspace-config-content {
padding: 8px;
}
.v2-alert-detail-sidesheet .v2-workspace-config-content,
.v2-source-evidence-sidesheet .v2-workspace-config-content {
padding: 0;
}
.v2-workspace-config-sidesheet.semi-sidesheet-bottom .semi-sidesheet-inner {
border: 1px solid #d8e2ed;
border-bottom: 0;