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

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

View File

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

View File

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

View File

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

View File

@@ -7,10 +7,10 @@
<div class="modal-subtitle">可更新的 APM 应用</div>
</div>
<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> 刷新
</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> 全选/全不选
</button>
<button class="apm-btn" :disabled="loading || !hasSelected" @click="$emit('upgrade-selected')">