feat: opt page style
This commit is contained in:
@@ -146,7 +146,7 @@ watch(() => route.query.task_id, (newTaskId) => {
|
|||||||
<!-- 小屏表头 -->
|
<!-- 小屏表头 -->
|
||||||
<div class="flex sm:hidden items-center gap-2 px-3 py-2 border-b bg-muted/50 text-xs text-muted-foreground font-medium">
|
<div class="flex sm:hidden items-center gap-2 px-3 py-2 border-b bg-muted/50 text-xs text-muted-foreground font-medium">
|
||||||
<span class="w-14 shrink-0">ID</span>
|
<span class="w-14 shrink-0">ID</span>
|
||||||
<span class="w-6 shrink-0 text-center">类型</span>
|
<span class="w-10 shrink-0 text-center">类型</span>
|
||||||
<span class="flex-1 min-w-0">任务名称</span>
|
<span class="flex-1 min-w-0">任务名称</span>
|
||||||
<span class="w-8 shrink-0 text-center">状态</span>
|
<span class="w-8 shrink-0 text-center">状态</span>
|
||||||
<span class="w-12 text-right shrink-0">耗时</span>
|
<span class="w-12 text-right shrink-0">耗时</span>
|
||||||
|
|||||||
@@ -136,7 +136,7 @@ onMounted(loadTasks)
|
|||||||
<!-- 表头 -->
|
<!-- 表头 -->
|
||||||
<div class="flex items-center gap-2 sm:gap-4 px-3 sm:px-4 py-2 border-b bg-muted/50 text-xs sm:text-sm text-muted-foreground font-medium min-w-[360px] sm:min-w-[700px]">
|
<div class="flex items-center gap-2 sm:gap-4 px-3 sm:px-4 py-2 border-b bg-muted/50 text-xs sm:text-sm text-muted-foreground font-medium min-w-[360px] sm:min-w-[700px]">
|
||||||
<span class="w-12 sm:w-14 shrink-0">ID</span>
|
<span class="w-12 sm:w-14 shrink-0">ID</span>
|
||||||
<span class="w-6 sm:w-12 shrink-0 text-center">类型</span>
|
<span class="w-10 sm:w-12 shrink-0 text-center">类型</span>
|
||||||
<span class="flex-1 min-w-0">名称</span>
|
<span class="flex-1 min-w-0">名称</span>
|
||||||
<span class="w-32 sm:flex-1 shrink-0 sm:shrink hidden sm:block">命令/地址</span>
|
<span class="w-32 sm:flex-1 shrink-0 sm:shrink hidden sm:block">命令/地址</span>
|
||||||
<span class="w-32 shrink-0 hidden md:block">定时规则</span>
|
<span class="w-32 shrink-0 hidden md:block">定时规则</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user