admin/TaskPool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: optimize notify channel dialog labels alignment

Browse Source
This commit is contained in:
duorameng
2026-06-09 08:37:26 +08:00
parent 34413d1eae
commit fc04bd9b0c
1 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/views/notify/components/ChannelDialog.vue
+9 -11
View File
@@ -64,19 +64,18 @@ function updateConfigField(key: string, value: string) {
</DialogHeader> </DialogHeader>
<div class="space-y-4 py-2"> <div class="space-y-4 py-2">
<div class="grid grid-cols-4 items-center gap-3"> <div class="grid grid-cols-[130px_1fr] items-center gap-3">
<Label class="text-right text-sm">名称</Label> <Label class="text-right text-sm">名称</Label>
<Input <Input
:model-value="channel.name" :model-value="channel.name"
@update:model-value="updateChannelField('name', $event)" @update:model-value="updateChannelField('name', $event)"
placeholder="给渠道起个名字" placeholder="给渠道起个名字"
class="col-span-3"
/> />
</div> </div>
<div class="grid grid-cols-4 items-center gap-3"> <div class="grid grid-cols-[130px_1fr] items-center gap-3">
<Label class="text-right text-sm">类型</Label> <Label class="text-right text-sm">类型</Label>
<div class="col-span-3"> <div>
<Select <Select
:model-value="channel.type" :model-value="channel.type"
@update:model-value="(val: any) => emit('type-change', String(val))" @update:model-value="(val: any) => emit('type-change', String(val))"
@@ -94,7 +93,7 @@ function updateConfigField(key: string, value: string) {
</div> </div>
</div> </div>
<div class="grid grid-cols-4 items-center gap-3"> <div class="grid grid-cols-[130px_1fr] items-center gap-3">
<Label class="text-right text-sm">启用</Label> <Label class="text-right text-sm">启用</Label>
<Switch v-model="enabledModel" /> <Switch v-model="enabledModel" />
</div> </div>
@@ -102,12 +101,11 @@ function updateConfigField(key: string, value: string) {
<div v-if="currentConfigFields.length > 0" class="border-t pt-4 mt-4"> <div v-if="currentConfigFields.length > 0" class="border-t pt-4 mt-4">
<h4 class="text-sm font-medium mb-3 text-muted-foreground">渠道配置</h4> <h4 class="text-sm font-medium mb-3 text-muted-foreground">渠道配置</h4>
<div class="space-y-3"> <div class="space-y-3">
<div v-for="field in currentConfigFields" :key="field.key" class="grid grid-cols-4 items-start gap-3"> <div v-for="field in currentConfigFields" :key="field.key" class="grid grid-cols-[130px_1fr] gap-3" :class="field.type === 'textarea' ? 'items-start' : 'items-center'">
<Label class="text-right text-sm pt-2"> <Label class="text-right text-sm" :class="field.type === 'textarea' ? 'pt-2' : ''">
{{ field.label }} {{ field.label }}<span v-if="field.required" class="text-destructive ml-1">*</span>
<span v-if="field.required" class="text-destructive">*</span>
</Label> </Label>
<div class="col-span-3"> <div>
<Input <Input
v-if="!field.type" v-if="!field.type"
:model-value="channel.config?.[field.key] || ''" :model-value="channel.config?.[field.key] || ''"
@@ -115,7 +113,7 @@ function updateConfigField(key: string, value: string) {
:placeholder="field.placeholder || ''" :placeholder="field.placeholder || ''"
class="text-sm" class="text-sm"
/> />
<div v-else-if="field.type === 'note'" class="text-xs text-muted-foreground pt-2"> <div v-else-if="field.type === 'note'" class="text-xs text-muted-foreground py-1">
{{ field.placeholder || '' }} {{ field.placeholder || '' }}
</div> </div>
<textarea <textarea