audio/controller-v2
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(festival): 解除圣诞老人和女巫缩放限制

Browse Source 
- 在圣诞老人图片样式中取消 preflight 的 img max-width 限制，避免右端绝对定位容器宽度极小时图片被压缩
- 在女巫图片样式中同样取消 max-width 限制，确保图片显示正常
- 保持图片的 object-fit 和阴影效果不变
This commit is contained in:
eafonyang
2026-10-27 15:07:12 +08:00
parent 81f5635dd6
commit 1a04dddfcc
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/festival/christmas.css
+2
View File
@@ -12,6 +12,8 @@
.festival-santa-thumb { .festival-santa-thumb {
width: 44px; width: 44px;
height: 44px; height: 44px;
/* 解除 preflight 的 img max-width 限制：滑轨右端时绝对定位容器可用宽度极小，否则圣诞老人被压缩 */
max-width: none;
object-fit: contain; object-fit: contain;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
} }
client/src/components/festival/halloween.css
+2
View File
@@ -20,6 +20,8 @@
.halloween-witch-thumb { .halloween-witch-thumb {
width: 44px; width: 44px;
height: 44px; height: 44px;
/* 解除 preflight 的 img max-width 限制：滑轨右端时绝对定位容器可用宽度极小，否则女巫被压缩 */
max-width: none;
object-fit: contain; object-fit: contain;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
} }