feat: 接入 iconify 图标库,右栏改成 Figma 式收起分组
图标统一走 unplugin-icons + hugeicons,构建期内联,出口收在 src/ui/icons.ts。 顺带修掉 TopBar 那个 undo 图标缺弧命令的 path。 右栏下半四组默认全收,收起态只有一行 32px;顶栏导出按钮改成先展开 「导出与模板」再滚,否则滚到底只看得到一行标题。 属性区去掉分组标题,改成 Figma 那种「字母/图标 + 无边框输入框」两列密排, 新增 W/H 宽高比锁(比例在开锁那一刻定格,不每次编辑现算)。 删掉 Sidebar.vue 和 panels/CanvasPanel.vue:上一轮改 Figma 布局之后 它们已无人 import,--sidebar-w 同批遗留。
This commit is contained in:
+12
-3
@@ -19,9 +19,6 @@
|
||||
/* 画布区的底色,比面板更深一档,让画布本身浮出来。 */
|
||||
--stage-bg: #0f0f11;
|
||||
|
||||
/* 旧的单侧栏宽度,等 T10 把旧面板迁完就删。 */
|
||||
--sidebar-w: 320px;
|
||||
|
||||
color-scheme: dark;
|
||||
font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
|
||||
font-size: 13px;
|
||||
@@ -82,3 +79,15 @@ label {
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 图标(unplugin-icons 给每个图标组件挂的 defaultClass)。
|
||||
* hugeicons 是 fill:none + stroke:currentColor,所以颜色跟着按钮的 color 走,
|
||||
* 这里只管尺寸和基线对齐。要另一档大小就在容器上写 `.icon { font-size: … }`——
|
||||
* 图标的宽高是 1em。 */
|
||||
.icon {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
flex: none;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user