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

更新README文档，添加安装/卸载时UI提示的待办事项

README.md

@@ -27,6 +27,7 @@
   - [x] 显示本地已安装app
   - [x] 支持显示本地是否已经安装
   - [ ] 本地应用列表区分依赖和用户安装的包（或者干脆不显示依赖包）
+  - [ ] 安装/卸载时UI提示（重要）
 - [x] 实现应用搜索
   - [ ] 切换分类时默认不应用搜索，需按下回车键才应用搜索
 - [x] 修改UI，使其更美观（考虑换成如tailwindcss等库）

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;
+  }
 }
+

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