feat(short-drama-agent-front): 调整工作台布局与图库瀑布流

src/features/subject-identity/SubjectIdentityPage.vue

@@ -158,9 +158,10 @@ watch(
 </script>
 
 <template>
-    <WorkspacePage split compact
-        ><template #header
-            ><div class="workspace-toolbar">
+    <WorkspacePage split compact class="identity-workspace-page"
+        ><template #header>
+            <!-- 以下是类型筛选、主体数量与操作入口 -->
+            <div class="workspace-toolbar">
                 <div class="toolbar-type-filter">
                     <NSelect
                         aria-label="身份主体类型"
@@ -414,6 +415,7 @@ watch(
             </NAlert></NScrollbar
         >
         <div v-if="subjects.length" class="identity-workspace">
+            <!-- 以下是主体目录 -->
             <aside class="panel directory-panel identity-directory">
                 <div class="directory-heading">
                     <h3>
@@ -654,8 +656,14 @@ watch(
         @apply grid-cols-[repeat(2,_minmax(0,_1fr))];
     }
 }
+.identity-workspace-page {
+    container: identity-header / inline-size;
+}
 .toolbar-type-filter {
-    @apply w-[152px];
+    @apply w-[152px] min-w-0;
+}
+.toolbar-type-filter .n-select {
+    @apply w-full min-w-0;
 }
 .identity-tools-intro {
     @apply mb-6;
@@ -728,10 +736,47 @@ watch(
 }
 @media (max-width: 760px) {
     .identity-workspace {
-        @apply grid-cols-[minmax(0,_1fr)] grid-rows-[250px_minmax(0,_1fr)] gap-2.5;
+        @apply grid-cols-[minmax(0,_1fr)] grid-rows-[auto_minmax(0,_1fr)] gap-2.5;
+    }
+    .identity-directory {
+        @apply h-auto;
+    }
+    .identity-subject-list {
+        @apply flex-none h-auto max-h-none;
+    }
+    .identity-directory .identity-subject-list.n-scrollbar,
+    .identity-directory .identity-subject-list .n-scrollbar-container,
+    .identity-directory .identity-subject-list .n-scrollbar-content {
+        @apply h-auto;
     }
     .directory-filters {
-        @apply grid-cols-[minmax(0,_1fr)_120px];
+        @apply grid-cols-[minmax(0,_1fr)];
+    }
+}
+/* 窄内容区去掉数量文案，操作入口收成图标与类型筛选同一行。 */
+@container identity-header (max-width: 760px) {
+    .identity-workspace-page .workspace-toolbar {
+        @apply flex-nowrap gap-2;
+    }
+    .toolbar-type-filter {
+        @apply w-auto min-w-[120px] flex-1;
+    }
+    .identity-workspace-page .toolbar-summary {
+        @apply hidden;
+    }
+    .identity-workspace-page .toolbar-actions {
+        @apply ml-0 shrink-0;
+    }
+    .identity-workspace-page .workspace-tools-label,
+    .identity-workspace-page .workspace-tools-trigger .text-muted {
+        @apply hidden;
+    }
+    .identity-workspace-page .workspace-tools-trigger {
+        @apply h-[34px] w-[34px] p-0;
+        min-width: 34px;
+    }
+    .identity-workspace-page .workspace-tools-trigger .n-button__icon {
+        @apply m-0;
     }
 }
 </style>