feie9454/winupdate-neo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: dark mode

Browse Source
This commit is contained in:
feie9454
2025-06-29 09:21:29 +08:00
parent 2a0115ea17
commit 81d73cf17c
10 changed files with 139 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/upload/page.tsx
+24 -24
View File
@@ -100,69 +100,69 @@ export default function UploadPage() {
return (
<div className="max-w-3xl mx-auto p-6">
<h1 className="text-3xl font-bold text-gray-800 mb-8">软件版本管理</h1>
<h1 className="text-3xl font-bold text-gray-800 dark:text-white mb-8">软件版本管理</h1>
{/* 当前版本信息卡片 */}
<div className="bg-white rounded-lg shadow-md mb-8 overflow-hidden">
<div className="bg-gray-50 px-6 py-4 border-b">
<h2 className="text-xl font-semibold text-gray-700">当前版本信息</h2>
<div className="bg-white dark:bg-gray-800 rounded-lg shadow-md mb-8 overflow-hidden">
<div className="bg-gray-50 dark:bg-gray-700 px-6 py-4 border-b dark:border-gray-600">
<h2 className="text-xl font-semibold text-gray-700 dark:text-gray-200">当前版本信息</h2>
</div>
<div className="p-6">
{currentVersion ? (
<div className="space-y-3">
<div className="grid grid-cols-12 gap-4 items-center">
<span className="text-gray-600 col-span-2">版本号:</span>
<span className="font-medium text-gray-800 col-span-10">{currentVersion.version}</span>
<span className="text-gray-600 dark:text-gray-400 col-span-2">版本号:</span>
<span className="font-medium text-gray-800 dark:text-gray-200 col-span-10">{currentVersion.version}</span>
</div>
<div className="grid grid-cols-12 gap-4 items-center">
<span className="text-gray-600 col-span-2">下载地址:</span>
<span className="text-gray-600 dark:text-gray-400 col-span-2">下载地址:</span>
<a
href={currentVersion.download_url}
className="text-blue-600 hover:text-blue-800 break-all col-span-10"
className="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 break-all col-span-10"
>
{currentVersion.download_url}
</a>
</div>
<div className="grid grid-cols-12 gap-4 items-center">
<span className="text-gray-600 col-span-2">校验和:</span>
<span className="font-mono text-sm text-gray-700 break-all col-span-10">
<span className="text-gray-600 dark:text-gray-400 col-span-2">校验和:</span>
<span className="font-mono text-sm text-gray-700 dark:text-gray-300 break-all col-span-10">
{currentVersion.checksum}
</span>
</div>
</div>
) : (
<div className="text-gray-500 italic">暂无版本信息</div>
<div className="text-gray-500 dark:text-gray-400 italic">暂无版本信息</div>
)}
</div>
</div>
{/* 上传新版本表单 */}
<div className="bg-white rounded-lg shadow-md">
<div className="bg-gray-50 px-6 py-4 border-b">
<h2 className="text-xl font-semibold text-gray-700">上传新版本</h2>
<div className="bg-white dark:bg-gray-800 rounded-lg shadow-md">
<div className="bg-gray-50 dark:bg-gray-700 px-6 py-4 border-b dark:border-gray-600">
<h2 className="text-xl font-semibold text-gray-700 dark:text-gray-200">上传新版本</h2>
</div>
<div className="p-6 space-y-6">
{/* 版本号输入 */}
<div>
<label className="block text-sm font-medium text-gray-700 mb-2">
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
版本号
</label>
<input
value={newVersion}
onChange={(e) => setNewVersion(e.target.value)}
type="text"
className="w-full px-4 py-2 border rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition"
className="w-full px-4 py-2 border dark:border-gray-600 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
placeholder="例如: 1.0.0"
/>
</div>
{/* 文件上传 */}
<div>
<label className="block text-sm font-medium text-gray-700 mb-2">
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
选择文件
</label>
<div className="mt-1">
<div className="border-2 border-dashed border-gray-300 rounded-lg px-6 py-8">
<div className="border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg px-6 py-8">
<div className="text-center">
<input
type="file"
@@ -176,14 +176,14 @@ export default function UploadPage() {
>
选择文件
</label>
<p className="mt-2 text-sm text-gray-600">
<p className="mt-2 text-sm text-gray-600 dark:text-gray-400">
{versionFile?.name || '未选择文件'}
</p>
</div>
{versionFileHash && (
<div className="mt-4 text-center">
<p className="text-xs text-gray-500">SHA-256 校验和:</p>
<p className="font-mono text-xs text-gray-600 break-all">
<p className="text-xs text-gray-500 dark:text-gray-400">SHA-256 校验和:</p>
<p className="font-mono text-xs text-gray-600 dark:text-gray-400 break-all">
{versionFileHash}
</p>
</div>
@@ -194,14 +194,14 @@ export default function UploadPage() {
{/* 错误提示 */}
{uploadError && (
<div className="text-red-600 text-sm">
<div className="text-red-600 dark:text-red-400 text-sm">
{uploadError}
</div>
)}
{/* 成功提示 */}
{uploadSuccess && (
<div className="bg-green-50 text-green-800 px-4 py-2 rounded-md text-sm">
<div className="bg-green-50 dark:bg-green-900/50 text-green-800 dark:text-green-200 px-4 py-2 rounded-md text-sm">
上传成功！
</div>
)}
@@ -211,7 +211,7 @@ export default function UploadPage() {
<button
onClick={uploadVersion}
disabled={!canUploadVersion}
className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors"
className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:bg-gray-300 dark:disabled:bg-gray-600 disabled:cursor-not-allowed transition-colors"
>
{isUploading && (
<svg className="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">