src/views/manage/FileManageView.vue

@@ -9,19 +9,6 @@
           {{ t('fileManage.subtitle', { count: summary.totalFiles }) }}
         </p>
       </div>
-      <div class="flex flex-wrap items-center gap-2">
-        <BaseButton
-          v-if="hasActiveFilters"
-          variant="outline"
-          :disabled="isLoading"
-          @click="handleResetFilters"
-        >
-          <template #icon>
-            <XIcon class="mr-2 h-4 w-4" />
-          </template>
-          {{ t('fileManage.resetFilters') }}
-        </BaseButton>
-      </div>
     </div>
 
     <div class="mb-6 grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
@@ -59,12 +46,25 @@
             {{ hasActiveFilters ? '已应用筛选条件' : '默认收起，需要时展开' }}
           </p>
         </div>
-        <BaseButton variant="secondary" @click="isFilterPanelOpen = !isFilterPanelOpen">
-          <template #icon>
-            <FilterIcon class="mr-2 h-4 w-4" />
-          </template>
-          {{ filterBodyVisible ? '收起筛选' : '展开筛选' }}
-        </BaseButton>
+        <div class="flex flex-wrap items-center justify-end gap-2">
+          <BaseButton
+            v-if="hasActiveFilters"
+            variant="outline"
+            :disabled="isLoading"
+            @click="handleResetFilters"
+          >
+            <template #icon>
+              <XIcon class="mr-2 h-4 w-4" />
+            </template>
+            {{ t('fileManage.resetFilters') }}
+          </BaseButton>
+          <BaseButton variant="secondary" @click="isFilterPanelOpen = !isFilterPanelOpen">
+            <template #icon>
+              <FilterIcon class="mr-2 h-4 w-4" />
+            </template>
+            {{ filterBodyVisible ? '收起筛选' : '展开筛选' }}
+          </BaseButton>
+        </div>
       </div>
 
       <div v-show="filterBodyVisible" class="mt-4 grid gap-4">