From 930f3c40fa004de96a7f087777552df8d71e05c7 Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Sun, 7 Dec 2025 19:50:33 -0400
Subject: [PATCH] review page, fix ui

---
 package.json         |  2 +-
 src-tauri/src/lib.rs |  2 +-
 src/App.vue          | 20 +++++++++++++++-----
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 8d234f4..969196a 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
+    "build": "vue-tsc --noEmit && vite build && (cd src-tauri && cargo check)",
     "preview": "vite preview",
     "tauri": "tauri"
   },
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
index 0e9b175..6f033ad 100644
--- a/src-tauri/src/lib.rs
+++ b/src-tauri/src/lib.rs
@@ -5,7 +5,7 @@ use serde::{Deserialize, Serialize};
 use std::fs;
 use std::collections::HashMap;
 use std::collections::HashSet;
-use std::io;
+
 
 // Define the configuration structure
 #[derive(Serialize, Deserialize, Default, Debug)]
diff --git a/src/App.vue b/src/App.vue
index 339a8a6..7fb3ee7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -306,7 +306,7 @@ const handleCopy = async () => {
 // Reactivity for Current Directory Prefix
 watch(currentDir, (newPath) => {
   if (!newPath) return;
-  const dirName = newPath.split(/[/\\]/).pop();
+  const dirName = newPath.split(/[\\/]/).pop();
   if (!dirName) return;
 
   const regex = /^(\d{2})(\d{2})视频$/; 
@@ -447,12 +447,14 @@ watch(currentDir, (newPath) => {
                 <div class="el-upload__text">
                     将视频文件拖拽到此处
                 </div>
-                <div class="file-count" v-if="importedFiles.length > 0">
-                    已导入 {{ importedFiles.length }} 个文件
+                <div class="file-count-container">
+                    <div class="file-count" v-show="importedFiles.length > 0">
+                        已导入 {{ importedFiles.length }} 个文件
+                    </div>
                 </div>
             </div>
 
-            <el-divider />
+            <!-- Removed el-divider here -->
 
             <!-- Action Area -->
             <div class="action-area">
@@ -533,6 +535,7 @@ body {
     padding: 40px 0;
     text-align: center;
     background-color: var(--el-bg-color-overlay);
+    margin-bottom: 20px; /* Added spacing */
 }
 .el-icon--upload {
     font-size: 67px;
@@ -545,8 +548,15 @@ body {
     font-size: 14px;
     text-align: center;
 }
+.file-count-container {
+    min-height: 24px; /* Adjust height as needed to fit the text */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 10px; /* Add some space from the text above */
+}
 .file-count {
-    margin-top: 10px;
+    /* margin-top: 10px; /* Removed, container handles spacing */
     color: var(--el-color-primary);
     font-weight: bold;
 }