feat: 更新模态框样式,添加最大高度限制

This commit is contained in:
Elysia
2026-01-31 09:55:25 +08:00
parent 327ee5400e
commit 61790a8588
3 changed files with 3 additions and 3 deletions

View File

@@ -4,7 +4,7 @@
leave-from-class="opacity-100 scale-100" leave-to-class="opacity-0 scale-95">
<div v-if="show"
class="fixed inset-0 z-50 flex items-start justify-center bg-slate-900/70 px-4 py-10">
<div class="w-full max-w-4xl rounded-3xl border border-white/10 bg-white/95 p-6 shadow-2xl dark:border-slate-800 dark:bg-slate-900">
<div class="w-full max-w-4xl max-h-[85vh] overflow-y-auto scrollbar-nowidth scrollbar-thumb-slate-200 dark:scrollbar-thumb-slate-700 rounded-3xl border border-white/10 bg-white/95 p-6 shadow-2xl dark:border-slate-800 dark:bg-slate-900">
<div class="flex items-start justify-between">
<div>
<p class="text-2xl font-semibold text-slate-900 dark:text-white">已安装应用</p>

View File

@@ -3,7 +3,7 @@
enter-to-class="opacity-100" leave-active-class="duration-150 ease-in"
leave-from-class="opacity-100" leave-to-class="opacity-0">
<div v-if="show"
class="fixed inset-0 z-[60] flex items-center justify-center bg-slate-900/80 px-4 py-10 backdrop-blur-md"
class="fixed inset-0 z-[60] flex items-center justify-center bg-slate-900/80 px-4 py-10"
@click.self="closePreview">
<div class="relative w-full max-w-5xl">
<img :src="currentScreenshot" alt="应用截图预览"

View File

@@ -4,7 +4,7 @@
leave-from-class="opacity-100 scale-100" leave-to-class="opacity-0 scale-95">
<div v-if="show"
class="fixed inset-0 z-50 flex items-start justify-center bg-slate-900/70 px-4 py-10">
<div class="w-full max-w-4xl rounded-3xl border border-white/10 bg-white/95 p-6 shadow-2xl dark:border-slate-800 dark:bg-slate-900">
<div class="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-wrap items-center gap-3">
<div class="flex-1">
<p class="text-2xl font-semibold text-slate-900 dark:text-white">软件更新</p>