spark-store-project/spark-store
15
0
Fork 0
mirror of https://gitee.com/spark-store-project/spark-store synced 2026-04-26 01:10:16 +08:00
Code Issues 1 Packages Projects Releases Wiki Activity

feat: 更新窗口标题和尺寸，优化按钮样式

Browse Source
This commit is contained in:
Elysia
2026-01-28 20:59:25 +08:00
parent 38a4d4512f
commit 185b4984c6
4 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
electron/main/index.ts
View File

@@ -52,7 +52,10 @@ const indexHtml = path.join(RENDERER_DIST, 'index.html')
async function createWindow() { async function createWindow() {
win = new BrowserWindow({ win = new BrowserWindow({
title: 'Main window', title: 'APM AppStore',
width: 1366,
height: 768,
autoHideMenuBar: true,
icon: path.join(process.env.VITE_PUBLIC, 'favicon.ico'), icon: path.join(process.env.VITE_PUBLIC, 'favicon.ico'),
webPreferences: { webPreferences: {
preload, preload,

2
src/assets/css/appstyle.css
View File

@@ -789,7 +789,7 @@ align-items: center;
.action-btn { .action-btn {
padding: 8px 12px; padding: 8px 12px;
border-radius: 10px; border-radius: 10px;
background: var(--card); background: var(--accent);
border: 1px solid rgba(15, 23, 42, 0.04); border: 1px solid rgba(15, 23, 42, 0.04);
box-shadow: var(--shadow); box-shadow: var(--shadow);
cursor: pointer; cursor: pointer;

12
src/components/InstalledAppsModal.vue
View File

@@ -7,7 +7,7 @@
<div class="modal-subtitle">来自本机 APM 安装列表</div> <div class="modal-subtitle">来自本机 APM 安装列表</div>
</div> </div>
<div class="modal-actions"> <div class="modal-actions">
<button class="action-btn" :disabled="loading" @click="$emit('refresh')"> <button class="apm-btn" :disabled="loading" @click="$emit('refresh')">
<i class="fas fa-sync-alt"></i> 刷新 <i class="fas fa-sync-alt"></i> 刷新
</button> </button>
<button class="close-modal" @click="$emit('close')" aria-label="关闭">×</button> <button class="close-modal" @click="$emit('close')" aria-label="关闭">×</button>
@@ -31,7 +31,7 @@
</div> </div>
</div> </div>
<div class="installed-actions"> <div class="installed-actions">
<button class="action-btn secondary danger" :disabled="app.removing" @click="$emit('uninstall', app)"> <button class="apm-btn secondary danger" :disabled="app.removing" @click="$emit('uninstall', app)">
<i class="fas fa-trash"></i> <i class="fas fa-trash"></i>
{{ app.removing ? '卸载中…' : '卸载' }} {{ app.removing ? '卸载中…' : '卸载' }}
</button> </button>
@@ -137,12 +137,12 @@ defineEmits(['close', 'refresh', 'uninstall']);
gap: 8px; gap: 8px;
} }
.action-btn.danger { .apm-btn.danger {
color: #ef4444; background: #ef4444;
border-color: rgba(239, 68, 68, 0.2); border-color: rgba(239, 68, 68, 0.2);
} }
.action-btn.danger:hover { .apm-btn.danger:hover {
color: #dc2626; background: #dc2626;
} }
</style> </style>

4
src/components/UpdateAppsModal.vue
View File

@@ -7,10 +7,10 @@
<div class="modal-subtitle">可更新的 APM 应用</div> <div class="modal-subtitle">可更新的 APM 应用</div>
</div> </div>
<div class="modal-actions"> <div class="modal-actions">
<button class="action-btn" :disabled="loading" @click="$emit('refresh')"> <button class="apm-btn" :disabled="loading" @click="$emit('refresh')">
<i class="fas fa-sync-alt"></i> 刷新 <i class="fas fa-sync-alt"></i> 刷新
</button> </button>
<button class="action-btn secondary" :disabled="loading || apps.length === 0" @click="$emit('toggle-all')"> <button class="apm-btn" :disabled="loading || apps.length === 0" @click="$emit('toggle-all')">
<i class="fas fa-check-square"></i> 全选/全不选 <i class="fas fa-check-square"></i> 全选/全不选
</button> </button>
<button class="apm-btn" :disabled="loading || !hasSelected" @click="$emit('upgrade-selected')"> <button class="apm-btn" :disabled="loading || !hasSelected" @click="$emit('upgrade-selected')">