fix: apiserver display (#8669)

src/renderer/src/pages/settings/ApiServerSettings/ApiServerSettings.tsx

@@ -164,7 +164,6 @@ const ControlSection = styled.div`
   align-items: center;
   gap: 12px;
 
-
   .restart-btn {
     opacity: 0;
     transform: translateX(10px);
@@ -267,7 +266,7 @@ const ApiServerSettings: FC = () => {
   }
 
   return (
-    <SettingContainer theme={theme} style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
+    <SettingContainer theme={theme}>
       {/* Header Section */}
       <div style={{ marginBottom: 32 }}>
         <Title level={3} style={{ margin: 0, marginBottom: 8 }}>
@@ -408,7 +407,7 @@ const ApiServerSettings: FC = () => {
             style={{
               width: '100%',
               border: 'none',
-              height: 'calc(100vh - 500px)'
+              height: '100vh'
             }}
             title="API Documentation"
             sandbox="allow-scripts allow-forms"

src/renderer/src/pages/settings/SettingsPage.tsx

@@ -85,12 +85,6 @@ const SettingsPage: FC = () => {
               {t('apiServer.title')}
             </MenuItem>
           </MenuItemLink>
-          <MenuItemLink to="/settings/tool">
-            <MenuItem className={isRoute('/settings/tool')}>
-              <PencilRuler size={18} />
-              {t('settings.tool.title')}
-            </MenuItem>
-          </MenuItemLink>
           <MenuItemLink to="/settings/memory">
             <MenuItem className={isRoute('/settings/memory')}>
               <Brain size={18} />

src/renderer/src/pages/settings/index.tsx

@@ -10,7 +10,7 @@ export const SettingContainer = styled.div<{ theme?: ThemeMode }>`
   height: calc(100vh - var(--navbar-height));
   padding: 20px;
   padding-top: 15px;
-  padding-bottom: 75px;
+  padding-bottom: 20px;
   overflow-y: scroll;
   background: ${(props) => (props.theme === 'dark' ? 'transparent' : 'var(--color-background-soft)')};