spark-store-project/spark-store
15
0
Fork 0
mirror of https://gitee.com/spark-store-project/spark-store synced 2026-04-26 09:20:18 +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

12
src/components/InstalledAppsModal.vue
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>

4
src/components/UpdateAppsModal.vue
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')">