feat: improve responsive admin experience
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user