feat: unify detail side sheets
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user