tiennm99/goclaw
1
0 Fork 0
mirror of https://github.com/tiennm99/goclaw.git synced 2026-10-14 04:16:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): improve advanced settings dialog layout and width

Browse Source 
Widen settings dialogs from sm:max-w-2xl (672px) to sm:max-w-3xl (768px)
to prevent cramped toggle groups. Move boolean field help text to a
separate line below the switch+label for cleaner readability.
This commit is contained in:
viettranx committed 2026-04-02 18:30:30 +07:00
1 parent 4e4a835795
commit cace4dcf31
7 files changed
+20 -17
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

ui/web/src/components/layout/system-settings-modal.tsx
+1 -1
View File
@@ -275,7 +275,7 @@ export function SystemSettingsModal({ open, onOpenChange }: SystemSettingsModalP
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="flex max-h-[90vh] w-[95vw] flex-col sm:max-w-2xl">
<DialogContent className="flex max-h-[90vh] w-[95vw] flex-col sm:max-w-3xl">
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<Settings2 className="h-5 w-5" />
ui/web/src/pages/agents/agent-detail/agent-advanced-dialog.tsx
+1 -1
View File
@@ -213,7 +213,7 @@ export function AgentAdvancedDialog({ open, onOpenChange, agent, onUpdate }: Age
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-2xl">
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-3xl">
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<Settings className="h-4 w-4" />
ui/web/src/pages/agents/agent-detail/heartbeat-config-dialog.tsx
+1 -1
View File
@@ -163,7 +163,7 @@ export function HeartbeatConfigDialog({
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-2xl">
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-3xl">
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<Heart className="h-4 w-4 text-rose-500" />
ui/web/src/pages/channels/channel-detail/channel-advanced-dialog.tsx
+1 -1
View File
@@ -93,7 +93,7 @@ export function ChannelAdvancedDialog({
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-2xl">
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-3xl">
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<Settings className="h-4 w-4" />
ui/web/src/pages/channels/channel-fields.tsx
+14 -11
View File
@@ -123,20 +123,23 @@ function FieldRenderer({
</div>
);
case "boolean":
case "boolean": {
const boolHint = resolvedHint || help;
return (
<div className={`flex items-center gap-2${disabled ? " opacity-50" : ""}`}>
<Switch
id={id}
checked={(value as boolean) ?? (field.defaultValue as boolean) ?? false}
onCheckedChange={(v) => onChange(v)}
disabled={disabled}
/>
<Label htmlFor={id}>{label}</Label>
{resolvedHint && <span className="text-xs text-muted-foreground ml-1">— {resolvedHint}</span>}
{!resolvedHint && help && <span className="text-xs text-muted-foreground ml-1">— {help}</span>}
<div className={`grid gap-1${disabled ? " opacity-50" : ""}`}>
<div className="flex items-center gap-2">
<Switch
id={id}
checked={(value as boolean) ?? (field.defaultValue as boolean) ?? false}
onCheckedChange={(v) => onChange(v)}
disabled={disabled}
/>
<Label htmlFor={id}>{label}</Label>
</div>
{boolHint && <p className="text-xs text-muted-foreground ml-9">{boolHint}</p>}
</div>
);
}
case "select":
return (
ui/web/src/pages/cron/cron-detail/cron-advanced-dialog.tsx
+1 -1
View File
@@ -117,7 +117,7 @@ export function CronAdvancedDialog({ open, onOpenChange, job, onUpdate }: CronAd
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-2xl">
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-3xl">
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<Settings className="h-4 w-4" />
ui/web/src/pages/providers/provider-detail/provider-advanced-dialog.tsx
+1 -1
View File
@@ -110,7 +110,7 @@ export function ProviderAdvancedDialog({
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-2xl">
<DialogContent className="max-h-[90vh] w-[95vw] flex flex-col sm:max-w-3xl">
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<Settings className="h-4 w-4" />