diff --git a/gui/icons/128x128.png b/gui/icons/128x128.png new file mode 100644 index 0000000..8b9890e Binary files /dev/null and b/gui/icons/128x128.png differ diff --git a/gui/icons/128x128@2x.png b/gui/icons/128x128@2x.png new file mode 100644 index 0000000..6d7b87d Binary files /dev/null and b/gui/icons/128x128@2x.png differ diff --git a/gui/icons/32x32.png b/gui/icons/32x32.png new file mode 100644 index 0000000..6f5a798 Binary files /dev/null and b/gui/icons/32x32.png differ diff --git a/gui/icons/icon.icns b/gui/icons/icon.icns new file mode 100644 index 0000000..8b9890e Binary files /dev/null and b/gui/icons/icon.icns differ diff --git a/gui/src-frontend/src/index.css b/gui/src-frontend/src/index.css index 6f96691..2ed6336 100644 --- a/gui/src-frontend/src/index.css +++ b/gui/src-frontend/src/index.css @@ -2,8 +2,22 @@ @tailwind components; @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 { @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; overflow: hidden; user-select: none; @@ -14,3 +28,21 @@ body { display: flex; 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; +} diff --git a/gui/tauri.conf.json b/gui/tauri.conf.json index ed28c32..27c9402 100644 --- a/gui/tauri.conf.json +++ b/gui/tauri.conf.json @@ -28,5 +28,16 @@ }, "plugins": { "store": {} + }, + "bundle": { + "active": true, + "targets": "all", + "icon": [ + "icons/32x32.png", + "icons/128x128.png", + "icons/128x128@2x.png", + "icons/icon.icns", + "icons/icon.ico" + ] } }