feat: improve responsive admin experience

This commit is contained in:
2026-08-04 16:47:14 +08:00
parent c71b1351d6
commit 631a362501
20 changed files with 522 additions and 801 deletions
+5 -5
View File
@@ -10,12 +10,12 @@
<h1 class="text-3xl font-extrabold tracking-tight sm:text-4xl">预测结果</h1>
<p class="mt-2 text-sm text-textSub">文件:<span class="font-semibold text-textMain">{{ result.original_filename }}</span> · 生成于 {{ result.generated_at }}</p>
</div>
<div class="flex flex-wrap gap-3">
<a href="{{ url_for('main.home') }}" class="ui-btn ui-btn-secondary">
<div class="grid gap-3 sm:flex sm:flex-wrap">
<a href="{{ url_for('main.home') }}" class="ui-btn ui-btn-secondary w-full sm:w-auto">
<span class="material-symbols-outlined text-lg">refresh</span>
重新分析
</a>
<a href="{{ result.excel_url }}" class="ui-btn ui-btn-primary" data-download-action data-download-pending="导出中...">
<a href="{{ result.excel_url }}" class="ui-btn ui-btn-primary w-full sm:w-auto" data-download-action data-download-pending="导出中...">
<span class="material-symbols-outlined text-lg">download</span>
导出结果表
</a>
@@ -28,7 +28,7 @@
<h2 class="text-xl font-extrabold">管道剩余寿命动态评估</h2>
<p class="mt-1 text-sm text-textSub">管道剩余寿命随时间变化的分析曲线。</p>
</div>
<div class="flex min-h-[360px] flex-1 items-center justify-center rounded-md border border-line bg-slate-50 p-3">
<div class="flex min-h-[260px] flex-1 items-center justify-center rounded-md border border-line bg-slate-50 p-3 sm:min-h-[360px]">
<img src="{{ result.image_url }}" alt="管道的剩余寿命分析图" class="max-h-full w-full rounded bg-white object-contain">
</div>
</section>
@@ -63,7 +63,7 @@
<span class="material-symbols-outlined text-5xl text-primary">monitoring</span>
<h1 class="mt-4 text-2xl font-extrabold">当前还没有预测结果</h1>
<p class="mt-2 text-sm text-textSub">请先从主页上传文件并运行预测。</p>
<a href="{{ url_for('main.home') }}" class="ui-btn ui-btn-primary mt-6">
<a href="{{ url_for('main.home') }}" class="ui-btn ui-btn-primary mt-6 w-full sm:w-fit">
<span class="material-symbols-outlined text-lg">upload_file</span>
去上传数据
</a>