feat: 统一侧栏折叠动画并收口拆解页

src/components/ui/WorkspaceTools.vue

@@ -54,19 +54,22 @@ const open = defineModel<boolean>('open', { default: false })
 @reference "../../styles/styles.css";
 .workspace-tools-drawer .n-drawer-header,
 .workspace-tools-drawer .n-drawer-footer {
-    @apply bg-(--app-subtle);
+    @apply bg-(--app-subtle) p-4;
 }
 .workspace-tools-drawer .n-drawer-body {
-    @apply bg-(--app-body);
+    @apply bg-(--app-body) p-0;
 }
 .workspace-tools-drawer {
+    --n-header-padding: 16px;
+    --n-body-padding: 16px;
+    --n-footer-padding: 16px;
     @apply max-w-full;
 }
 .workspace-tools-heading {
     @apply flex items-center justify-between gap-4 w-full text-[15px];
 }
 .workspace-tools-body {
-    @apply p-5;
+    @apply p-4;
 }
 .workspace-tools-body .storyboard-controls,
 .workspace-tools-body .production-controls {
@@ -84,9 +87,4 @@ const open = defineModel<boolean>('open', { default: false })
 .workspace-tools-body .production-pipeline {
     @apply grid-cols-[repeat(auto-fit,_minmax(min(100%,_230px),_1fr))];
 }
-@media (max-width: 760px) {
-    .workspace-tools-body {
-        @apply p-3.5;
-    }
-}
 </style>