style(editor): blur uploading placeholder image, keep overlay text sharp

上传中占位符图片加高斯模糊,遮罩文字保持清晰。

- .is-uploading img 加 filter: blur(8px)
- container.is-uploading 加 overflow: hidden 防止 blur 边缘渗出
- overlay 文字(spinner/"上传中…")不受影响:overlay 是 img 的兄弟元素
  而非后代,CSS filter 只作用于目标元素本身,不波及兄弟
This commit is contained in:
xfy 2026-06-22 16:24:02 +08:00
parent 75adaa2e1f
commit 6e04940edc

View File

@ -389,6 +389,13 @@
opacity: 0.5; opacity: 0.5;
filter: grayscale(0.5); filter: grayscale(0.5);
} }
/* 上传中图片高斯模糊遮罩文字spinner/"上传中…")在独立 overlay 层不受影响 */
.upload-image-container.is-uploading {
overflow: hidden;
}
.upload-image-container.is-uploading img {
filter: blur(8px);
}
.upload-image-overlay { .upload-image-overlay {
position: absolute; position: absolute;
inset: 0; inset: 0;