taozuqin/ST-Bionic-Memory-Ecology
1
0
Fork 0
mirror of https://github.com/Youzini-afk/ST-Bionic-Memory-Ecology.git synced 2026-05-15 14:20:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): use mobile memory popup in task monitor

Browse Source
This commit is contained in:
Youzini-afk
2026-04-13 02:08:08 +08:00
parent 32759ed08b
commit d3a547cd7b
3 changed files with 192 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
style.css
View File

@@ -1438,6 +1438,101 @@
flex-wrap: wrap;
}
/* ==================== Memory Popup (Mobile) ==================== */
.bme-memory-popup-scrim {
position: fixed;
inset: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
cursor: pointer;
}
.bme-memory-popup-scrim[hidden] {
display: none !important;
}
.bme-memory-popup {
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0.92);
width: min(460px, calc(100vw - 24px));
max-height: min(82vh, 680px);
background: var(--bme-surface, #131316);
border: 1px solid var(--bme-border);
border-radius: 14px;
box-shadow: 0 12px 48px rgba(0, 0, 0, 0.65);
z-index: 1000;
overflow-y: auto;
padding: 18px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: transform 0.18s ease, opacity 0.18s ease, visibility 0.18s ease;
}
.bme-memory-popup.open {
display: block;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.bme-memory-popup__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
}
.bme-memory-popup__title {
font-size: 16px;
font-weight: 700;
color: var(--bme-on-surface);
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bme-memory-popup__actions {
display: flex;
align-items: center;
gap: 2px;
flex-shrink: 0;
}
.bme-memory-popup__badges {
display: flex;
gap: 6px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.bme-memory-popup__body {
font-size: 12px;
color: var(--bme-on-surface);
}
.bme-memory-popup::-webkit-scrollbar {
width: 4px;
}
.bme-memory-popup::-webkit-scrollbar-track {
background: transparent;
}
.bme-memory-popup::-webkit-scrollbar-thumb {
background: var(--bme-surface-highest);
border-radius: 2px;
}
/* ==================== Injection Preview ==================== */
.bme-injection-token-bar {
@@ -7063,11 +7158,11 @@
width: 100%;
max-width: none;
border-right: none;
border-bottom: 1px solid var(--bme-border);
max-height: 40vh;
border-bottom: none;
max-height: none;
}
.bme-memory-detail-panel {
padding: 14px;
display: none;
}
.bme-batch-stages {
flex-wrap: wrap;