diff --git a/ui/src/pages/Admin/AppConfigPage.module.css b/ui/src/pages/Admin/AppConfigPage.module.css index e5833cf9..e16a5e76 100644 --- a/ui/src/pages/Admin/AppConfigPage.module.css +++ b/ui/src/pages/Admin/AppConfigPage.module.css @@ -1,5 +1,5 @@ .widePanel { - width: 640px !important; + width: 520px !important; } .panelSection { @@ -16,9 +16,9 @@ } .settingsGrid { - display: flex; - flex-wrap: wrap; - gap: 16px; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 12px; } .field { diff --git a/ui/src/pages/Admin/AppConfigPage.tsx b/ui/src/pages/Admin/AppConfigPage.tsx index f61267c0..88e5eda0 100644 --- a/ui/src/pages/Admin/AppConfigPage.tsx +++ b/ui/src/pages/Admin/AppConfigPage.tsx @@ -284,22 +284,9 @@ export default function AppConfigPage() { onClose={() => setSelectedApp(null)} title={selectedApp ?? ''} className={styles.widePanel} - actions={selectedApp ? setSelectedApp(null)} /> : undefined} > {selectedApp && setSelectedApp(null)} />} ); } - -function PanelActions({ appId, onClose }: { appId: string; onClose: () => void }) { - // Edit/Save/Cancel actions rendered in the panel footer - const { data: config } = useApplicationConfig(appId); - const updateConfig = useUpdateApplicationConfig(); - const { toast } = useToast(); - const [editing, setEditing] = useState(false); - - // This is a simplified stub — the actual editing state is managed inside AppConfigDetail. - // For now, the actions slot is reserved for future use. - return null; -}