From 9d92bac6cce77cc65195b5377ac78507af5acd51 Mon Sep 17 00:00:00 2001
From: Elysia <a.elysia@proton.me>
Date: Fri, 30 Jan 2026 23:48:47 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E8=AF=A6=E6=83=85=E6=A8=A1=E6=80=81=E6=A1=86=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E6=B7=BB=E5=8A=A0=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

更新README文档，添加安装/卸载时UI提示的待办事项
---
 README.md                         |  1 +
 src/assets/css/appstyle.css       | 19 +++++++++++++++++++
 src/components/AppDetailModal.vue |  4 ++--
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 88423579..5d9f9c43 100644
--- a/README.md
+++ b/README.md
@@ -27,6 +27,7 @@
   - [x] 显示本地已安装app
   - [x] 支持显示本地是否已经安装
   - [ ] 本地应用列表区分依赖和用户安装的包（或者干脆不显示依赖包）
+  - [ ] 安装/卸载时UI提示（重要）
 - [x] 实现应用搜索
   - [ ] 切换分类时默认不应用搜索，需按下回车键才应用搜索
 - [x] 修改UI，使其更美观（考虑换成如tailwindcss等库）
diff --git a/src/assets/css/appstyle.css b/src/assets/css/appstyle.css
index d80fa6e2..59e4e570 100644
--- a/src/assets/css/appstyle.css
+++ b/src/assets/css/appstyle.css
@@ -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;
+  }
 }
+
diff --git a/src/components/AppDetailModal.vue b/src/components/AppDetailModal.vue
index 40b9f945..69816aad 100644
--- a/src/components/AppDetailModal.vue
+++ b/src/components/AppDetailModal.vue
@@ -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