review page, fix ui

This commit is contained in:
Julian Freeman
2025-12-07 19:50:33 -04:00
parent 4fab0b813f
commit 930f3c40fa
3 changed files with 17 additions and 7 deletions

View File

@@ -5,7 +5,7 @@
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vue-tsc --noEmit && vite build", "build": "vue-tsc --noEmit && vite build && (cd src-tauri && cargo check)",
"preview": "vite preview", "preview": "vite preview",
"tauri": "tauri" "tauri": "tauri"
}, },

View File

@@ -5,7 +5,7 @@ use serde::{Deserialize, Serialize};
use std::fs; use std::fs;
use std::collections::HashMap; use std::collections::HashMap;
use std::collections::HashSet; use std::collections::HashSet;
use std::io;
// Define the configuration structure // Define the configuration structure
#[derive(Serialize, Deserialize, Default, Debug)] #[derive(Serialize, Deserialize, Default, Debug)]

View File

@@ -306,7 +306,7 @@ const handleCopy = async () => {
// Reactivity for Current Directory Prefix // Reactivity for Current Directory Prefix
watch(currentDir, (newPath) => { watch(currentDir, (newPath) => {
if (!newPath) return; if (!newPath) return;
const dirName = newPath.split(/[/\\]/).pop(); const dirName = newPath.split(/[\\/]/).pop();
if (!dirName) return; if (!dirName) return;
const regex = /^(\d{2})(\d{2})视频$/; const regex = /^(\d{2})(\d{2})视频$/;
@@ -447,12 +447,14 @@ watch(currentDir, (newPath) => {
<div class="el-upload__text"> <div class="el-upload__text">
将视频文件拖拽到此处 将视频文件拖拽到此处
</div> </div>
<div class="file-count" v-if="importedFiles.length > 0"> <div class="file-count-container">
<div class="file-count" v-show="importedFiles.length > 0">
已导入 {{ importedFiles.length }} 个文件 已导入 {{ importedFiles.length }} 个文件
</div> </div>
</div> </div>
</div>
<el-divider /> <!-- Removed el-divider here -->
<!-- Action Area --> <!-- Action Area -->
<div class="action-area"> <div class="action-area">
@@ -533,6 +535,7 @@ body {
padding: 40px 0; padding: 40px 0;
text-align: center; text-align: center;
background-color: var(--el-bg-color-overlay); background-color: var(--el-bg-color-overlay);
margin-bottom: 20px; /* Added spacing */
} }
.el-icon--upload { .el-icon--upload {
font-size: 67px; font-size: 67px;
@@ -545,8 +548,15 @@ body {
font-size: 14px; font-size: 14px;
text-align: center; 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 { .file-count {
margin-top: 10px; /* margin-top: 10px; /* Removed, container handles spacing */
color: var(--el-color-primary); color: var(--el-color-primary);
font-weight: bold; font-weight: bold;
} }