gawells/Stalwart-webui
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(ui): align icon and label in backend select trigger

Browse Source
This commit is contained in:
Steven RYDELL
2026-07-30 14:47:04 +02:00
parent 0a417c5123
commit 532e560106
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/forms/DynamicForm.tsx
+2 -2
View File
@@ -780,12 +780,12 @@ export function DynamicForm({ viewName, objectId }: DynamicFormProps) {
<Label className="text-sm font-medium">{formField.label}</Label> <Label className="text-sm font-medium">{formField.label}</Label>
<Select value={selectedVariant} onValueChange={handleVariantChange} disabled={readOnly}> <Select value={selectedVariant} onValueChange={handleVariantChange} disabled={readOnly}>
<SelectTrigger> <SelectTrigger>
<span className="flex flex-1 items-center gap-2 overflow-hidden"> <div className="flex flex-1 items-center gap-2 overflow-hidden">
<BackendIcon backend={selectedVariant} /> <BackendIcon backend={selectedVariant} />
<span className="truncate"> <span className="truncate">
{selectedVariantLabel || t('form.selectType', 'Select type...')} {selectedVariantLabel || t('form.selectType', 'Select type...')}
</span> </span>
</span> </div>
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
{sch.variants.map((v) => ( {sch.variants.map((v) => (
src/components/forms/FieldWidget.tsx
+2 -2
View File
@@ -1477,12 +1477,12 @@ function EmbeddedObjectField({
<Label className="text-sm font-medium">{formField.label ?? t('field.type', 'Type')}</Label> <Label className="text-sm font-medium">{formField.label ?? t('field.type', 'Type')}</Label>
<Select value={currentType} onValueChange={handleVariantChange} disabled={readOnly}> <Select value={currentType} onValueChange={handleVariantChange} disabled={readOnly}>
<SelectTrigger> <SelectTrigger>
<span className="flex flex-1 items-center gap-2 overflow-hidden"> <div className="flex flex-1 items-center gap-2 overflow-hidden">
<BackendIcon backend={currentType} /> <BackendIcon backend={currentType} />
<span className="truncate"> <span className="truncate">
{selectedVariantLabel || t('form.selectType', 'Select type...')} {selectedVariantLabel || t('form.selectType', 'Select type...')}
</span> </span>
</span> </div>
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
{resolvedSchema.variants.map((v) => ( {resolvedSchema.variants.map((v) => (