PANDA-JSR/SecScore
1
0
Fork 0
mirror of https://github.com/SECTL/SecScore.git synced 2026-07-19 12:34:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 优化首页操作弹窗形变动画布局

Browse Source
This commit is contained in:
JSR
2026-07-18 09:18:19 +08:00
parent 2db5ebebdd
commit 51b6047b2c
1 changed files with 31 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/main.css
+31 -1
View File
@@ -362,6 +362,29 @@ html.platform-macos body {
animation: ss-operation-content-out 180ms cubic-bezier(0.4, 0, 1, 1) both; animation: ss-operation-content-out 180ms cubic-bezier(0.4, 0, 1, 1) both;
} }
.ss-home-operation-morph-modal.ss-operation-morph-active .ant-modal-body,
.ss-home-operation-morph-modal.ss-operation-morph-closing .ant-modal-body {
overflow: visible !important;
scrollbar-width: none;
}
.ss-home-operation-morph-modal.ss-operation-morph-active .ant-modal-body::-webkit-scrollbar,
.ss-home-operation-morph-modal.ss-operation-morph-closing .ant-modal-body::-webkit-scrollbar {
display: none;
}
.ss-home-operation-morph-modal.ss-operation-morph-active .ss-operation-designed-name,
.ss-home-operation-morph-modal.ss-operation-morph-closing .ss-operation-designed-name {
overflow: visible;
text-overflow: clip;
}
.ss-home-operation-morph-modal.ss-operation-morph-closing .ss-operation-designed-close {
visibility: hidden;
opacity: 0;
animation: none;
}
@keyframes ss-operation-meta-in { @keyframes ss-operation-meta-in {
0% { 0% {
opacity: 0; opacity: 0;
@@ -409,6 +432,7 @@ html.platform-macos body {
} }
.ss-operation-designed-header { .ss-operation-designed-header {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 82px; min-height: 82px;
@@ -421,7 +445,7 @@ html.platform-macos body {
align-items: center; align-items: center;
min-width: 0; min-width: 0;
gap: 12px; gap: 12px;
flex: 1; flex: 0 0 auto;
} }
.ss-operation-designed-student img, .ss-operation-designed-student img,
@@ -452,6 +476,9 @@ html.platform-macos body {
} }
.ss-operation-designed-score { .ss-operation-designed-score {
position: absolute;
top: 26px;
right: 52px;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
@@ -470,6 +497,9 @@ html.platform-macos body {
} }
.ss-operation-designed-close { .ss-operation-designed-close {
position: absolute;
top: 22px;
right: 0;
width: 38px; width: 38px;
height: 38px; height: 38px;
flex: 0 0 38px; flex: 0 0 38px;