fix(festival): 解除节日头像的图片宽度限制
- 圣诞老人头像样式中添加 max-width: none 解除预设最大宽度限制 - 女巫头像样式中添加 max-width: none 解除预设最大宽度限制 - 解决滑轨右端绝对定位容器宽度极小时头像被压缩的问题
This commit is contained in:
@@ -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));
|
||||||
}
|
}
|
||||||
@@ -27,7 +29,7 @@
|
|||||||
/* 占位与原喇叭保持 24px 一致,大小铃铛仅在视觉层变化。 */
|
/* 占位与原喇叭保持 24px 一致,大小铃铛仅在视觉层变化。 */
|
||||||
.festival-bell-slot {
|
.festival-bell-slot {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|||||||
@@ -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));
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user