mirror of
https://gitee.com/spark-store-project/spark-store
synced 2026-08-07 06:23:57 +08:00
fix(update-center): align modal actions and tests
This commit is contained in:
@@ -146,32 +146,36 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
type="button"
|
||||
class="inline-flex items-center gap-2 rounded-2xl border border-slate-300/70 px-4 py-2 text-sm font-semibold text-slate-700 transition hover:bg-slate-50 dark:border-slate-700 dark:text-slate-200 dark:hover:bg-slate-800"
|
||||
@click="$emit('open-app', app)"
|
||||
<div
|
||||
class="flex flex-wrap items-center justify-end gap-2 sm:min-w-[22rem]"
|
||||
>
|
||||
<i class="fas fa-play"></i>
|
||||
打开
|
||||
</button>
|
||||
<button
|
||||
v-if="canOpenDetail(app)"
|
||||
type="button"
|
||||
class="inline-flex items-center gap-2 rounded-2xl border border-brand/30 px-4 py-2 text-sm font-semibold text-brand transition hover:bg-brand/10"
|
||||
@click="$emit('open-detail', app)"
|
||||
>
|
||||
<i class="fas fa-circle-info"></i>
|
||||
查看详情
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="inline-flex items-center gap-2 rounded-2xl border border-rose-300/60 px-4 py-2 text-sm font-semibold text-rose-600 transition hover:bg-rose-50 disabled:opacity-50"
|
||||
:disabled="app.currentStatus === 'not-installed'"
|
||||
@click="$emit('uninstall', app)"
|
||||
>
|
||||
<i class="fas fa-trash"></i>
|
||||
卸载
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="inline-flex items-center gap-2 rounded-2xl border border-slate-300/70 px-4 py-2 text-sm font-semibold text-slate-700 transition hover:bg-slate-50 dark:border-slate-700 dark:text-slate-200 dark:hover:bg-slate-800"
|
||||
@click="$emit('open-app', app)"
|
||||
>
|
||||
<i class="fas fa-play"></i>
|
||||
打开
|
||||
</button>
|
||||
<button
|
||||
v-if="canOpenDetail(app)"
|
||||
type="button"
|
||||
class="inline-flex items-center gap-2 rounded-2xl border border-brand/30 px-4 py-2 text-sm font-semibold text-brand transition hover:bg-brand/10"
|
||||
@click="$emit('open-detail', app)"
|
||||
>
|
||||
<i class="fas fa-circle-info"></i>
|
||||
查看详情
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="inline-flex items-center gap-2 rounded-2xl border border-rose-300/60 px-4 py-2 text-sm font-semibold text-rose-600 transition hover:bg-rose-50 disabled:opacity-50"
|
||||
:disabled="app.currentStatus === 'not-installed'"
|
||||
@click="$emit('uninstall', app)"
|
||||
>
|
||||
<i class="fas fa-trash"></i>
|
||||
卸载
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user