fix(web): align cron config label with other dialog inputs

This commit is contained in:
duorameng
2026-06-05 20:14:51 +08:00
parent c16b40636b
commit de9744098c
@@ -1,6 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue'
import { Input } from '@/components/ui/input'
import { Label } from '@/components/ui/label'
import { Zap, Clock } from 'lucide-vue-next'
import { cn } from '@/lib/utils'
import { getCronDescription } from '@/utils/cron'
@@ -37,12 +38,10 @@ const cronDescription = computed(() => {
</script>
<template>
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
<div class="sm:text-right flex sm:block items-center gap-2">
<slot name="label">
<label class="text-xs text-foreground/70 uppercase tracking-wider font-bold">定时规则</label>
</slot>
</div>
<div class="grid grid-cols-1 sm:grid-cols-4 items-start gap-3">
<slot name="label">
<Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-bold pt-2.5">定时规则</Label>
</slot>
<div class="sm:col-span-3">
<Input v-model="schedule" placeholder="秒 分 时 日 月 周 (必须 6 位)" :class="cn('h-9 bg-muted/30 border-muted-foreground/20 transition-all focus:ring-1 focus:ring-primary/40 focus:border-primary/40', schedule ? 'font-mono text-sm tracking-[0.1em] font-medium' : 'text-[11px] font-normal')" autocomplete="off" />
<div v-if="cronDescription" class="mt-2.5 p-2 rounded-lg bg-primary/5 border border-primary/10 text-[11px] text-primary font-medium flex items-center gap-2 animate-in fade-in slide-in-from-top-1 duration-300">