style: 暗色模式完善 + CSS 打磨 + 打包配置

This commit is contained in:
2026-06-17 00:27:33 +08:00
parent ec20a5d083
commit 7bad07344d
6 changed files with 43 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

+32
View File
@@ -2,8 +2,22 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@layer base {
:root {
--glass-bg: rgba(255, 255, 255, 0.7);
--glass-border: rgba(0, 0, 0, 0.08);
}
@media (prefers-color-scheme: dark) {
:root {
--glass-bg: rgba(17, 24, 39, 0.7);
--glass-border: rgba(255, 255, 255, 0.06);
}
}
}
body { body {
@apply bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-100; @apply bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-100;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
user-select: none; user-select: none;
@@ -14,3 +28,21 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
/* QR 预览区 SVG 自适应 */
.qr-preview svg {
width: 100% !important;
height: 100% !important;
}
/* 自定义滚动条 */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
@apply bg-gray-300 dark:bg-gray-700 rounded-full;
}
/* 输入框聚焦 */
input:focus, textarea:focus, select:focus {
@apply ring-2 ring-blue-500/30 outline-none;
}
+11
View File
@@ -28,5 +28,16 @@
}, },
"plugins": { "plugins": {
"store": {} "store": {}
},
"bundle": {
"active": true,
"targets": "all",
"icon": [
"icons/32x32.png",
"icons/128x128.png",
"icons/128x128@2x.png",
"icons/icon.icns",
"icons/icon.ico"
]
} }
} }