style: view instance logs

src/pages/llmodels/components/instance-item.tsx

@@ -10,7 +10,6 @@ import {
 } from '@/pages/resources/config/types';
 import {
   DeleteOutlined,
-  FieldTimeOutlined,
   HddFilled,
   InfoCircleOutlined,
   ThunderboltFilled
@@ -72,7 +71,7 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
         InstanceStatusMap.Error,
         InstanceStatusMap.Downloading
       ],
-      icon: <FieldTimeOutlined />
+      icon: <IconFont type="icon-logs" />
     },
     {
       label: 'common.button.delrecreate',
@@ -260,6 +259,21 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                   >
                     {item.state && (
                       <StatusTag
+                        actions={
+                          item.state === InstanceStatusMap.Error
+                            ? [
+                                {
+                                  label: intl.formatMessage({
+                                    id: 'common.button.viewlog'
+                                  }),
+                                  key: 'viewlog',
+                                  icon: <IconFont type="icon-logs" />,
+                                  onClick: () =>
+                                    handleChildSelect('viewlog', item, list)
+                                }
+                              ]
+                            : []
+                        }
                         download={
                           item.state === InstanceStatusMap.Downloading
                             ? { percent: item.download_progress }

src/pages/llmodels/components/view-logs-modal.tsx

@@ -66,6 +66,7 @@ const ViewCodeModal: React.FC<ViewModalProps> = (props) => {
           </span>
         </span>
       }
+      zIndex={3000}
       open={open}
       centered={true}
       onCancel={handleCancel}

src/pages/llmodels/style/column-wrapper.less

@@ -1,18 +1,17 @@
 .column-wrapper {
   flex: 1;
   position: relative;
-  // border-left: 1px solid var(--ant-color-split);
 }
 
 .simplebar-scrollbar::before {
   width: var(--scrollbar-size);
+  background: var(--scrollbar-handle-bg);
 }
 
 .column-wrapper-footer {
   flex: 1;
   display: flex;
   position: relative;
-  // border-left: 1px solid var(--ant-color-split);
 
   .column-wrapper {
     border-left: none;

src/pages/llmodels/style/search-result.less

@@ -4,14 +4,12 @@
   background-color: rgba(255, 255, 255, 100%);
   padding: 16px @padding;
   border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
-  // overflow-y: auto;
-  // height: calc(100vh - 194px);
 }
 
 .gguf-tips {
   display: flex;
   align-items: center;
-  padding: 8px 0;
+  padding: 7px 0;
   color: var(--ant-color-text-tertiary);
 
   .warning {
@@ -24,14 +22,13 @@
   right: 0;
   padding-inline: @padding;
   background: var(--color-white-1);
-  // border-bottom: 1px solid var(--ant-color-split);
-  padding-bottom: 16px;
+  padding-bottom: 10px;
 
   .filter {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-top: 16px;
+    margin-top: 10px;
     color: var(--ant-color-text-tertiary);
 
     :global {