feat: 收口组件样式并调整移动端侧栏

2026-09-04 17:19:34 +08:00
parent d252d5513f
commit e6e0f08072
68 changed files with 2717 additions and 2775 deletions
@@ -165,3 +165,26 @@ function removeImage(image: VisualStyleImage) {
            @remove="removeImage"
    /></WorkspacePage>
 </template>
+
+<style>
+/* 本组件专属布局与 Naive 内部结构覆盖。 */
+@reference "../../styles/styles.css";
+.visual-style-toolbar {
+    @apply flex items-center justify-between flex-wrap gap-y-4 gap-x-6 my-5 py-3.5 px-4 bg-(--app-subtle);
+}
+.visual-style-status {
+    @apply flex items-center gap-3 min-w-0;
+}
+.visual-style-status > svg {
+    @apply shrink-0 text-muted;
+}
+.visual-style-status strong {
+    @apply text-sm font-medium;
+}
+.visual-style-status p {
+    @apply mt-1 mx-0 mb-0 text-muted text-xs leading-[1.6];
+}
+.visual-style-actions {
+    @apply flex items-center flex-wrap gap-2.5 ml-auto;
+}
+</style>