markmorado/pvemanager
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases 3 Wiki Activity

fix(sdn): full-width selects in zone/vnet dialogs
All checks were successful
Deploy to Production / Trigger production update (push) Successful in 7s
Details

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Dilshod Rasulov
2026-07-02 03:08:41 +05:00
parent d3fbdb1ff5
commit e8bce3e8ae
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/features/nodes/SDNManager.tsx
View File

@@ -93,7 +93,7 @@ function ZoneDialog({ serverId, open, onOpenChange, editing }: {
<div> <div>
<Label>{t('sdn.type')}</Label> <Label>{t('sdn.type')}</Label>
<Select value={form.type} onValueChange={v => { if (v) set('type', v); }} disabled={!!editing}> <Select value={form.type} onValueChange={v => { if (v) set('type', v); }} disabled={!!editing}>
<SelectTrigger className="mt-1"><SelectValue /></SelectTrigger> <SelectTrigger className="mt-1 w-full"><SelectValue /></SelectTrigger>
<SelectContent>{ZONE_TYPES.map(z => <SelectItem key={z} value={z}>{z}</SelectItem>)}</SelectContent> <SelectContent>{ZONE_TYPES.map(z => <SelectItem key={z} value={z}>{z}</SelectItem>)}</SelectContent>
</Select> </Select>
</div> </div>
@@ -113,14 +113,14 @@ function ZoneDialog({ serverId, open, onOpenChange, editing }: {
<div className="grid grid-cols-3 gap-3"> <div className="grid grid-cols-3 gap-3">
<div><Label>MTU</Label><Input type="number" value={form.mtu} onChange={e => set('mtu', e.target.value)} className="mt-1" /></div> <div><Label>MTU</Label><Input type="number" value={form.mtu} onChange={e => set('mtu', e.target.value)} className="mt-1" /></div>
<div><Label>{t('sdn.nodes')}</Label><Input value={form.nodes} onChange={e => set('nodes', e.target.value)} className="mt-1" placeholder="node1,node2" /></div> <div><Label>{t('sdn.nodes')}</Label><Input value={form.nodes} onChange={e => set('nodes', e.target.value)} className="mt-1" placeholder="node1,node2" /></div>
<div> <div className="min-w-0">
<Label>DNS</Label> <Label>DNS</Label>
<Select <Select
value={form.dns} value={form.dns}
onValueChange={v => set('dns', v === '__none__' ? '' : v)} onValueChange={v => set('dns', v === '__none__' ? '' : v)}
disabled={dnsEntries.length === 0} disabled={dnsEntries.length === 0}
> >
<SelectTrigger className="mt-1"> <SelectTrigger className="mt-1 w-full">
<SelectValue placeholder={dnsEntries.length ? '—' : t('sdn.no_dns_entries')} /> <SelectValue placeholder={dnsEntries.length ? '—' : t('sdn.no_dns_entries')} />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@@ -197,7 +197,7 @@ function VNetDialog({ serverId, open, onOpenChange, editing, zones }: {
<div> <div>
<Label>{t('sdn.zone')}</Label> <Label>{t('sdn.zone')}</Label>
<Select value={form.zone} onValueChange={v => { if (v) set('zone', v); }} disabled={!!editing}> <Select value={form.zone} onValueChange={v => { if (v) set('zone', v); }} disabled={!!editing}>
<SelectTrigger className="mt-1"><SelectValue placeholder={t('sdn.zone')} /></SelectTrigger> <SelectTrigger className="mt-1 w-full"><SelectValue placeholder={t('sdn.zone')} /></SelectTrigger>
<SelectContent>{zones.map(z => <SelectItem key={z.zone} value={z.zone}>{z.zone} ({z.type})</SelectItem>)}</SelectContent> <SelectContent>{zones.map(z => <SelectItem key={z.zone} value={z.zone}>{z.zone} ({z.type})</SelectItem>)}</SelectContent>
</Select> </Select>
</div> </div>