feat(core): adjust admin panel style (#7116)

packages/frontend/core/src/pages/admin-panel.css.ts

@@ -44,7 +44,7 @@ export const moduleContainer = style({
   display: 'flex',
   flexDirection: 'column',
   padding: '16px',
-  maxWidth: '800px',
+  maxWidth: '960px',
   margin: 'auto',
   gap: 16,
 });

packages/frontend/core/src/pages/admin-panel.tsx

@@ -107,9 +107,7 @@ export const AdminPanel = () => {
                       >
                         <div className={styles.module}>{moduleName}</div>
                         {configs?.map(config => {
-                          const { id, key, type, description, updatedAt } =
-                            config;
-                          const title = `${key} (${id})`;
+                          const { id, type, description, updatedAt } = config;
                           const isValueEqual = isEqual(
                             config.value,
                             configValues[id]
@@ -121,8 +119,7 @@ export const AdminPanel = () => {
                           return (
                             <RuntimeSettingRow
                               key={id}
-                              id={key}
-                              title={title}
+                              id={id}
                               description={description}
                               lastUpdatedTime={updatedAt}
                               operation={renderInput(