chore: adjust pages style
This commit is contained in:
@@ -20,11 +20,11 @@ const activeTab = ref('password')
|
||||
|
||||
<Tabs v-model="activeTab" class="max-w-2xl">
|
||||
<TabsList class="w-full sm:w-auto flex sm:inline-flex h-10 gap-1 p-1 bg-muted/50 rounded-lg overflow-x-auto no-scrollbar">
|
||||
<TabsTrigger value="password" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">密码修改</TabsTrigger>
|
||||
<TabsTrigger value="site" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">站点设置</TabsTrigger>
|
||||
<TabsTrigger value="scheduler" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">调度设置</TabsTrigger>
|
||||
<TabsTrigger value="backup" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">备份恢复</TabsTrigger>
|
||||
<TabsTrigger value="about" class="flex-1 text-[11px] sm:text-xs px-1 sm:px-3 py-1.5">关于</TabsTrigger>
|
||||
<TabsTrigger value="password" class="flex-1">密码修改</TabsTrigger>
|
||||
<TabsTrigger value="site" class="flex-1">站点设置</TabsTrigger>
|
||||
<TabsTrigger value="scheduler" class="flex-1">调度设置</TabsTrigger>
|
||||
<TabsTrigger value="backup" class="flex-1">备份恢复</TabsTrigger>
|
||||
<TabsTrigger value="about" class="flex-1">关于</TabsTrigger>
|
||||
</TabsList>
|
||||
|
||||
<TabsContent value="password" class="mt-6">
|
||||
|
||||
@@ -324,8 +324,9 @@ watch(() => route.query.agent_id, (newVal: any) => {
|
||||
<template>
|
||||
<div class="space-y-6">
|
||||
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="flex flex-col">
|
||||
<h2 class="text-xl sm:text-2xl font-bold tracking-tight">定时任务</h2>
|
||||
<p class="text-muted-foreground text-sm">管理和调度自动化执行任务</p>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col sm:flex-row gap-2.5 w-full md:w-auto">
|
||||
|
||||
Reference in New Issue
Block a user