Skip to content

Commit 4e03a52

Browse files
cugucugu
authored
fix: text alignment (#1158)
1 parent e475b38 commit 4e03a52

16 files changed

+44
-44
lines changed

‎ui/src/components/form/JSONSchemaFormFields.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ watch(
6262
<div v-for="(property, key) in schema?.properties" :key="key">
6363
<FormField v-if="property.enum" :name="key" v-slot="{ componentField }" v-model="formdata[key]">
6464
<FormItem>
65-
<FormLabel :for="key" class="text-right">
65+
<FormLabel :for="key" class="text-left">
6666
{{ property.title }}
6767
</FormLabel>
6868
<Select :id="key" class="col-span-3" v-bind="componentField">
@@ -87,7 +87,7 @@ watch(
8787
v-model="formdata[key]"
8888
>
8989
<FormItem>
90-
<FormLabel :for="key" class="text-right">
90+
<FormLabel :for="key" class="text-left">
9191
{{ property.title }}
9292
</FormLabel>
9393
<Input :id="key" class="col-span-3" v-bind="componentField" />
@@ -120,7 +120,7 @@ watch(
120120
v-model="formdata[key]"
121121
>
122122
<FormItem>
123-
<FormLabel :for="key" class="text-right">
123+
<FormLabel :for="key" class="text-left">
124124
{{ property.title }}
125125
</FormLabel>
126126
<Input :id="key" class="col-span-3" type="number" v-bind="componentField" />

‎ui/src/components/group/GroupForm.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@ const permissionItems = computed(() => config.value?.permissions || [])
133133
<form @submit="onSubmit" class="flex w-full flex-col items-start gap-4">
134134
<FormField name="name" v-slot="{ componentField }" validate-on-input>
135135
<FormItem class="w-full">
136-
<FormLabel for="name" class="text-right">Name</FormLabel>
136+
<FormLabel for="name" class="text-left">Name</FormLabel>
137137
<Input
138138
id="name"
139139
class="col-span-3"
@@ -152,7 +152,7 @@ const permissionItems = computed(() => config.value?.permissions || [])
152152
>
153153
<FormItem id="permissions" class="w-full">
154154
<div class="space-y-0.5">
155-
<FormLabel for="permissions" class="text-right">Permissions</FormLabel>
155+
<FormLabel for="permissions" class="text-left">Permissions</FormLabel>
156156
</div>
157157
<FormControl>
158158
<MultiSelect

‎ui/src/components/group/GroupSelectDialog.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ watch(
8282
<form @submit="onSubmit" @change="change">
8383
<FormField name="group" v-slot="{ componentField }">
8484
<FormItem>
85-
<FormLabel for="group" class="text-right"> Group</FormLabel>
85+
<FormLabel for="group" class="text-left"> Group</FormLabel>
8686
<Select id="group" v-bind="componentField">
8787
<SelectTrigger>
8888
<SelectValue placeholder="Select a group" />

‎ui/src/components/reaction/ActionPythonFormFields.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import {
1313
<template>
1414
<FormField name="actiondata.requirements" v-slot="{ componentField }">
1515
<FormItem>
16-
<FormLabel for="requirements" class="text-right">requirements.txt</FormLabel>
16+
<FormLabel for="requirements" class="text-left">requirements.txt</FormLabel>
1717
<FormControl>
1818
<GrowTextarea id="requirements" class="col-span-3" v-bind="componentField" />
1919
</FormControl>
@@ -23,7 +23,7 @@ import {
2323
</FormField>
2424
<FormField name="actiondata.script" v-slot="{ componentField }" validate-on-input>
2525
<FormItem>
26-
<FormLabel for="script" class="text-right">Script</FormLabel>
26+
<FormLabel for="script" class="text-left">Script</FormLabel>
2727
<FormControl>
2828
<GrowTextarea id="script" class="col-span-3" v-bind="componentField" />
2929
</FormControl>

‎ui/src/components/reaction/ActionWebhookFormFields.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import { Input } from '@/components/ui/input'
1414
<template>
1515
<FormField name="actiondata.headers" v-slot="{ value, handleChange }">
1616
<FormItem>
17-
<FormLabel for="headers" class="text-right">Headers</FormLabel>
17+
<FormLabel for="headers" class="text-left">Headers</FormLabel>
1818
<FormControl>
1919
<GrowListTextarea
2020
id="headers"
@@ -29,7 +29,7 @@ import { Input } from '@/components/ui/input'
2929
</FormField>
3030
<FormField name="actiondata.url" v-slot="{ componentField }" validate-on-input>
3131
<FormItem>
32-
<FormLabel for="url" class="text-right">URL</FormLabel>
32+
<FormLabel for="url" class="text-left">URL</FormLabel>
3333
<FormControl>
3434
<Input id="url" v-bind="componentField" placeholder="https://example.com/webhook" />
3535
</FormControl>

‎ui/src/components/reaction/ReactionForm.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -267,7 +267,7 @@ const curlExample = computed(() => {
267267
<form @submit="onSubmit" class="flex w-full flex-col items-start gap-4">
268268
<FormField name="name" v-slot="{ componentField }" validate-on-input>
269269
<FormItem class="w-full">
270-
<FormLabel for="name" class="text-right">Name</FormLabel>
270+
<FormLabel for="name" class="text-left">Name</FormLabel>
271271
<Input id="name" class="col-span-3" v-bind="componentField" />
272272
<FormMessage />
273273
</FormItem>
@@ -280,7 +280,7 @@ const curlExample = computed(() => {
280280
<CardContent class="flex flex-col gap-4">
281281
<FormField name="trigger" v-slot="{ componentField }" validate-on-input>
282282
<FormItem>
283-
<FormLabel for="trigger" class="text-right">Type</FormLabel>
283+
<FormLabel for="trigger" class="text-left">Type</FormLabel>
284284
<FormControl>
285285
<Select id="trigger" class="col-span-3" v-bind="componentField">
286286
<SelectTrigger class="font-medium">
@@ -321,7 +321,7 @@ const curlExample = computed(() => {
321321
<CardContent class="flex flex-col gap-4">
322322
<FormField name="action" v-slot="{ componentField }" validate-on-input>
323323
<FormItem>
324-
<FormLabel for="action" class="text-right">Type</FormLabel>
324+
<FormLabel for="action" class="text-left">Type</FormLabel>
325325
<FormControl>
326326
<Select id="action" class="col-span-3" v-bind="componentField">
327327
<SelectTrigger class="font-medium">

‎ui/src/components/reaction/TriggerHookFormFields.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ import {
1414
<template>
1515
<FormField name="triggerdata.collections" v-slot="{ componentField }" validate-on-input>
1616
<FormItem>
17-
<FormLabel for="collections" class="text-right">Collections</FormLabel>
17+
<FormLabel for="collections" class="text-left">Collections</FormLabel>
1818
<FormControl>
1919
<TriggerHookFormFieldCollections id="collections" v-bind="componentField" />
2020
</FormControl>
@@ -25,7 +25,7 @@ import {
2525

2626
<FormField name="triggerdata.events" v-slot="{ componentField }" validate-on-input>
2727
<FormItem>
28-
<FormLabel for="events" class="text-right">Events</FormLabel>
28+
<FormLabel for="events" class="text-left">Events</FormLabel>
2929
<FormControl>
3030
<TriggerHookFormFieldEvents id="events" v-bind="componentField" />
3131
</FormControl>

‎ui/src/components/reaction/TriggerScheduleFormFields.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import { Input } from '@/components/ui/input'
1313
<template>
1414
<FormField name="triggerdata.expression" v-slot="{ componentField }" validate-on-input>
1515
<FormItem>
16-
<FormLabel for="expression" class="text-right"> Cron Expression </FormLabel>
16+
<FormLabel for="expression" class="text-left"> Cron Expression </FormLabel>
1717
<FormControl>
1818
<Input
1919
id="expression"

‎ui/src/components/reaction/TriggerWebhookFormFields.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ import { Input } from '@/components/ui/input'
1313
<template>
1414
<FormField name="triggerdata.token" v-slot="{ componentField }" validate-on-input>
1515
<FormItem>
16-
<FormLabel for="token" class="text-right">Token</FormLabel>
16+
<FormLabel for="token" class="text-left">Token</FormLabel>
1717
<FormControl>
1818
<Input id="token" class="col-span-3" v-bind="componentField" placeholder="Enter a token" />
1919
</FormControl>
@@ -27,7 +27,7 @@ import { Input } from '@/components/ui/input'
2727

2828
<FormField name="triggerdata.path" v-slot="{ componentField }" validate-on-input>
2929
<FormItem>
30-
<FormLabel for="path" class="text-right">Path</FormLabel>
30+
<FormLabel for="path" class="text-left">Path</FormLabel>
3131
<FormControl>
3232
<Input id="path" class="col-span-3" v-bind="componentField" placeholder="Enter a path" />
3333
</FormControl>

‎ui/src/components/settings/SettingsForm.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -225,31 +225,31 @@ const onSubmit = handleSubmit((vals) => {
225225
<form @submit="onSubmit" class="flex w-full flex-col items-start gap-4">
226226
<FormField name="meta.appName" v-slot="{ componentField }" validate-on-input>
227227
<FormItem class="w-full">
228-
<FormLabel for="meta.appName" class="text-right">App Name</FormLabel>
228+
<FormLabel for="meta.appName" class="text-left">App Name</FormLabel>
229229
<Input id="meta.appName" class="col-span-3" v-bind="componentField" />
230230
<FormMessage />
231231
</FormItem>
232232
</FormField>
233233

234234
<FormField name="meta.appUrl" v-slot="{ componentField }" validate-on-input>
235235
<FormItem class="w-full">
236-
<FormLabel for="meta.appUrl" class="text-right">App URL</FormLabel>
236+
<FormLabel for="meta.appUrl" class="text-left">App URL</FormLabel>
237237
<Input id="meta.appUrl" class="col-span-3" v-bind="componentField" />
238238
<FormMessage />
239239
</FormItem>
240240
</FormField>
241241

242242
<FormField name="meta.senderName" v-slot="{ componentField }" validate-on-input>
243243
<FormItem class="w-full">
244-
<FormLabel for="meta.senderName" class="text-right">Sender Name</FormLabel>
244+
<FormLabel for="meta.senderName" class="text-left">Sender Name</FormLabel>
245245
<Input id="meta.senderName" class="col-span-3" v-bind="componentField" />
246246
<FormMessage />
247247
</FormItem>
248248
</FormField>
249249

250250
<FormField name="meta.senderAddress" v-slot="{ componentField }" validate-on-input>
251251
<FormItem class="w-full">
252-
<FormLabel for="meta.senderAddress" class="text-right">Sender Address</FormLabel>
252+
<FormLabel for="meta.senderAddress" class="text-left">Sender Address</FormLabel>
253253
<Input id="meta.senderAddress" type="email" class="col-span-3" v-bind="componentField" />
254254
<FormMessage />
255255
</FormItem>
@@ -262,15 +262,15 @@ const onSubmit = handleSubmit((vals) => {
262262
<CardContent class="flex flex-col gap-4">
263263
<FormField name="maxDays" v-slot="{ componentField }" validate-on-input>
264264
<FormItem class="w-full">
265-
<FormLabel for="maxDays" class="text-right">Max Days</FormLabel>
265+
<FormLabel for="maxDays" class="text-left">Max Days</FormLabel>
266266
<Input id="maxDays" type="number" class="col-span-3" v-bind="componentField" />
267267
<FormMessage />
268268
</FormItem>
269269
</FormField>
270270
271271
<FormField name="logLevel" v-slot="{ componentField }" validate-on-input>
272272
<FormItem>
273-
<FormLabel for="logLevel" class="text-right">Log Level</FormLabel>
273+
<FormLabel for="logLevel" class="text-left">Log Level</FormLabel>
274274
<FormControl>
275275
<Select id="logLevel" class="col-span-3" v-bind="componentField">
276276
<SelectTrigger class="font-medium">
@@ -328,7 +328,7 @@ const onSubmit = handleSubmit((vals) => {
328328

329329
<FormField name="smtp.host" v-slot="{ componentField }" validate-on-input>
330330
<FormItem class="w-full">
331-
<FormLabel for="smtp.host" class="text-right">Host</FormLabel>
331+
<FormLabel for="smtp.host" class="text-left">Host</FormLabel>
332332
<Input id="smtp.host" class="col-span-3" v-bind="componentField" />
333333
<FormMessage />
334334
<FormDescription>SMTP server hostname (e.g., smtp.gmail.com)</FormDescription>
@@ -337,7 +337,7 @@ const onSubmit = handleSubmit((vals) => {
337337

338338
<FormField name="smtp.port" v-slot="{ componentField }" validate-on-input>
339339
<FormItem class="w-full">
340-
<FormLabel for="smtp.port" class="text-right">Port</FormLabel>
340+
<FormLabel for="smtp.port" class="text-left">Port</FormLabel>
341341
<Input id="smtp.port" type="number" class="col-span-3" v-bind="componentField" />
342342
<FormMessage />
343343
<FormDescription>Common ports: 25, 465 (SSL), 587 (TLS)</FormDescription>
@@ -346,23 +346,23 @@ const onSubmit = handleSubmit((vals) => {
346346

347347
<FormField name="smtp.username" v-slot="{ componentField }" validate-on-input>
348348
<FormItem class="w-full">
349-
<FormLabel for="smtp.username" class="text-right">Username</FormLabel>
349+
<FormLabel for="smtp.username" class="text-left">Username</FormLabel>
350350
<Input id="smtp.username" class="col-span-3" v-bind="componentField" />
351351
<FormMessage />
352352
</FormItem>
353353
</FormField>
354354

355355
<FormField name="smtp.password" v-slot="{ componentField }" validate-on-input>
356356
<FormItem class="w-full">
357-
<FormLabel for="smtp.password" class="text-right">Password</FormLabel>
357+
<FormLabel for="smtp.password" class="text-left">Password</FormLabel>
358358
<Input id="smtp.password" type="password" class="col-span-3" v-bind="componentField" />
359359
<FormMessage />
360360
</FormItem>
361361
</FormField>
362362

363363
<FormField name="smtp.authMethod" v-slot="{ componentField }" validate-on-input>
364364
<FormItem>
365-
<FormLabel for="smtp.authMethod" class="text-right"> Authentication Method </FormLabel>
365+
<FormLabel for="smtp.authMethod" class="text-left"> Authentication Method </FormLabel>
366366
<Select id="smtp.authMethod" class="col-span-3" v-bind="componentField">
367367
<SelectTrigger class="font-medium">
368368
<SelectValue placeholder="Select authentication method" />
@@ -392,7 +392,7 @@ const onSubmit = handleSubmit((vals) => {
392392

393393
<FormField name="smtp.localName" v-slot="{ componentField }" validate-on-input>
394394
<FormItem class="w-full">
395-
<FormLabel for="smtp.localName" class="text-right">HELO domain</FormLabel>
395+
<FormLabel for="smtp.localName" class="text-left">HELO domain</FormLabel>
396396
<Input id="smtp.localName" class="col-span-3" v-bind="componentField" />
397397
<FormDescription>Optional. Leave empty to use default hostname.</FormDescription>
398398
<FormMessage />
@@ -408,15 +408,15 @@ const onSubmit = handleSubmit((vals) => {
408408
<CardContent class="flex flex-col gap-4">
409409
<FormField name="cron" v-slot="{ componentField }" validate-on-input>
410410
<FormItem class="w-full">
411-
<FormLabel for="cron" class="text-right">Cron Expression</FormLabel>
411+
<FormLabel for="cron" class="text-left">Cron Expression</FormLabel>
412412
<Input id="cron" class="col-span-3" v-bind="componentField" />
413413
<FormMessage />
414414
</FormItem>
415415
</FormField>
416416
417417
<FormField name="cronMaxKeep" v-slot="{ componentField }" validate-on-input>
418418
<FormItem class="w-full">
419-
<FormLabel for="cronMaxKeep" class="text-right">Max Keep</FormLabel>
419+
<FormLabel for="cronMaxKeep" class="text-left">Max Keep</FormLabel>
420420
<Input id="cronMaxKeep" type="number" class="col-span-3" v-bind="componentField" />
421421
<FormMessage />
422422
</FormItem>

0 commit comments

Comments
 (0)