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

refactor: 更新应用详情模态框样式，添加自定义滚动条

Browse Source 
更新README文档，添加安装/卸载时UI提示的待办事项
This commit is contained in:
Elysia
2026-01-30 23:48:47 +08:00
parent eaa28686a3
commit 9d92bac6cc
3 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -57,4 +57,23 @@
background-color: #94a3b8;
border-radius: 9999px;
}
.scrollbar-nowidth {
scrollbar-width: none;
}
.scrollbar-nowidth::-webkit-scrollbar {
width: 0;
background: transparent;
}
.scrollbar-nowidth::-webkit-scrollbar-track {
background: transparent;
}
.scrollbar-nowidth::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 0;
}
}

4
src/components/AppDetailModal.vue
View File

@@ -3,9 +3,9 @@
enter-to-class="opacity-100 scale-100" leave-active-class="duration-150 ease-in"
leave-from-class="opacity-100 scale-100" leave-to-class="opacity-0 scale-95">
<div v-if="show" v-bind="attrs"
class="fixed inset-0 z-50 flex items-start justify-center bg-slate-900/70 px-4 py-10"
class="fixed inset-0 z-50 flex items-center justify-center overflow-hidden bg-slate-900/70 p-4"
@click.self="closeModal">
<div class="modal-panel relative w-full max-w-4xl overflow-hidden rounded-3xl border border-white/10 bg-white/95 p-6 shadow-2xl dark:border-slate-800 dark:bg-slate-900">
<div class="modal-panel relative w-full max-w-4xl max-h-[85vh] overflow-y-auto scrollbar-nowidth rounded-3xl border border-white/10 bg-white/95 p-6 shadow-2xl dark:border-slate-800 dark:bg-slate-900">
<div class="flex flex-col gap-4 lg:flex-row lg:items-center">
<div class="flex flex-1 items-center gap-4">
<div