3D 模型角标改用 Tailwind v4 可用的类与专用 CSS 规则
- src/index.css:新增 .image-canvas-editor__kind-badge--model3d 规则,背景与阴影沿用原取值,与其它 asset kind 的写法一致 - src/components/image-editor/ImageCanvasWorldView.tsx:model3d 角标改成引用该规则;原写法用 Tailwind v3 的 `!` 前缀(v4 改后缀),实际不会生成工具类,角标退化成白字无底色的白药丸 验证:npx prettier --check src/index.css src/components/image-editor/ImageCanvasWorldView.tsx
This commit is contained in:
@@ -293,8 +293,7 @@ const CANVAS_ASSET_KIND_TAG_OPTIONS: Array<{
|
||||
{
|
||||
value: 'model3d',
|
||||
label: '3D模型',
|
||||
badgeClassName:
|
||||
'!bg-[rgba(30,64,175,0.94)] !shadow-[0_8px_18px_rgba(30,64,175,0.26)]',
|
||||
badgeClassName: 'image-canvas-editor__kind-badge--model3d',
|
||||
},
|
||||
{
|
||||
value: 'sound-effect',
|
||||
|
||||
@@ -5963,6 +5963,11 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
|
||||
box-shadow: 0 8px 18px rgba(79, 70, 229, 0.24);
|
||||
}
|
||||
|
||||
.image-canvas-editor__kind-badge--model3d {
|
||||
background: rgba(30, 64, 175, 0.94);
|
||||
box-shadow: 0 8px 18px rgba(30, 64, 175, 0.26);
|
||||
}
|
||||
|
||||
.image-canvas-editor__kind-menu-anchor {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
|
||||
Reference in New Issue
Block a user