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:
2026-09-22 13:23:24 +08:00
parent f1d0aed7dd
commit fc8a674e91
2 changed files with 6 additions and 2 deletions
@@ -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',
+5
View File
@@ -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;