From 03842d1741d22f302b029bd6c291aeb2e6574003 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Sat, 20 Jun 2026 22:31:15 +0800
Subject: [PATCH] fix: gpu selector height

---
 src/global.less                               |  9 +++--
 .../benchmark/components/summary/instance.tsx | 34 +++++++++----------
 src/pages/llmodels/components/gpu-card.tsx    |  6 ++--
 src/pages/llmodels/forms/schedule-type.tsx    |  9 ++++-
 src/pages/organizations/index.tsx             |  2 +-
 5 files changed, 36 insertions(+), 24 deletions(-)

diff --git a/src/global.less b/src/global.less
index 4e07c4e7..47c06ae5 100644
--- a/src/global.less
+++ b/src/global.less
@@ -638,10 +638,15 @@ body {
   inset: 53px auto auto 0 !important;
   border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
   border-top: none;
-  max-height: 240px;
-  min-height: 100px;
+  .ant-cascader-menus {
+    align-items: stretch;
+  }
 
   &.gpu-selector {
+    .ant-cascader-menu {
+      max-height: 400px;
+      height: unset;
+    }
     .ant-cascader-menu:last-child {
       flex: auto;
 
diff --git a/src/pages/benchmark/components/summary/instance.tsx b/src/pages/benchmark/components/summary/instance.tsx
index 33d23f21..c1072dd1 100644
--- a/src/pages/benchmark/components/summary/instance.tsx
+++ b/src/pages/benchmark/components/summary/instance.tsx
@@ -124,6 +124,23 @@ const Instance: React.FC = () => {
           </Flex>
         )
       },
+      {
+        key: '2',
+        label: intl.formatMessage({ id: 'models.form.env' }),
+        children: (
+          <Flex gap={8} wrap="wrap">
+            {instanceData?.env
+              ? Object.entries(instanceData?.env || {}).map(
+                  ([key, value], index: number) => (
+                    <Tag key={index} style={{ margin: 0 }}>
+                      {`${key}=${value}`}
+                    </Tag>
+                  )
+                )
+              : '-'}
+          </Flex>
+        )
+      },
       {
         key: '4',
         label: intl.formatMessage({
@@ -159,23 +176,6 @@ const Instance: React.FC = () => {
             )}
           </Flex>
         )
-      },
-      {
-        key: '2',
-        label: intl.formatMessage({ id: 'models.form.env' }),
-        children: (
-          <Flex gap={8} wrap="wrap">
-            {instanceData?.env
-              ? Object.entries(instanceData?.env || {}).map(
-                  ([key, value], index: number) => (
-                    <Tag key={index} style={{ margin: 0 }}>
-                      {`${key}=${value}`}
-                    </Tag>
-                  )
-                )
-              : '-'}
-          </Flex>
-        )
       }
     ];
   }, [detailData]);
diff --git a/src/pages/llmodels/components/gpu-card.tsx b/src/pages/llmodels/components/gpu-card.tsx
index 2454f780..c5822a09 100644
--- a/src/pages/llmodels/components/gpu-card.tsx
+++ b/src/pages/llmodels/components/gpu-card.tsx
@@ -1,7 +1,6 @@
 import { convertFileSize } from '@/utils';
 import { AutoTooltip } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
-import _ from 'lodash';
 import React from 'react';
 import styled from 'styled-components';
 import '../style/gpu-card.less';
@@ -24,6 +23,7 @@ const ItemInfo = styled.div`
   display: flex;
   flex-wrap: wrap;
   white-space: break-spaces;
+  font-size: 13px;
 `;
 
 const Description = styled.div`
@@ -76,7 +76,7 @@ const GPUCard: React.FC<{
                 / {convertFileSize(data?.memory?.total || 0)}
               </span>
             </ItemInfo>
-            <ItemInfo>
+            {/* <ItemInfo>
               <span>
                 {intl.formatMessage({ id: 'resources.table.gpuutilization' })}
                 :{' '}
@@ -85,7 +85,7 @@ const GPUCard: React.FC<{
                 ? _.round(data?.memory?.utilization_rate || 0, 2)
                 : _.round(data.memory?.allocated / data.memory?.total, 2) * 100}
               %
-            </ItemInfo>
+            </ItemInfo> */}
           </>
         )
       }
diff --git a/src/pages/llmodels/forms/schedule-type.tsx b/src/pages/llmodels/forms/schedule-type.tsx
index d8cba9c3..1fdb301e 100644
--- a/src/pages/llmodels/forms/schedule-type.tsx
+++ b/src/pages/llmodels/forms/schedule-type.tsx
@@ -175,7 +175,7 @@ const ScheduleTypeForm: React.FC = () => {
               <SealCascader
                 required
                 showSearch
-                expandTrigger="hover"
+                expandTrigger="click"
                 multiple={
                   form.getFieldValue('backend') !== backendOptionsMap.voxBox
                 }
@@ -184,6 +184,13 @@ const ScheduleTypeForm: React.FC = () => {
                     root: 'cascader-popup-wrapper gpu-selector'
                   }
                 }}
+                styles={{
+                  popup: {
+                    listItem: {
+                      maxWidth: 'unset'
+                    }
+                  }
+                }}
                 maxTagCount={1}
                 label={intl.formatMessage({ id: 'models.form.gpuselector' })}
                 options={gpuOptions}
diff --git a/src/pages/organizations/index.tsx b/src/pages/organizations/index.tsx
index 40c59e21..b749d763 100644
--- a/src/pages/organizations/index.tsx
+++ b/src/pages/organizations/index.tsx
@@ -59,7 +59,7 @@ const Organizations: React.FC = () => {
                   </li>
                 ))}
               </ul>
-              <div style={{ textAlign: 'center' }}>
+              <div style={{ textAlign: 'center', marginTop: 56 }}>
                 <Button
                   type="primary"
                   href="https://gpustack.ai/enterprise"