fix(style): my models card

src/components/templates/card-list.tsx

@@ -25,7 +25,7 @@ interface CatalogListProps {
   resizable?: boolean;
   dataList: any[];
   loading: boolean;
-  activeId: number;
+  activeId: Global.WithFalse<number>;
   isFirst: boolean;
   renderItem: (data: any) => React.ReactNode;
   Skeleton: React.ComponentType<{ span: number }>;

src/components/templates/card.tsx

@@ -66,9 +66,9 @@ const Inner = styled.div.attrs({
   display: flex;
   width: 100%;
   flex-direction: column;
-  justify-content: flex-start;
+  justify-content: center;
   gap: 8px;
-  line-height: 1.5;
+  height: 100%;
 `;
 
 const Icon = styled.div.attrs({

src/config/global.d.ts

@@ -1,4 +1,5 @@
 declare namespace Global {
+  type WithFalse<T> = T | false;
   interface Pagination {
     page: number;
     perPage?: number;

src/pages/cluster-management/cluster-create.tsx

@@ -329,7 +329,7 @@ const ClusterCreate = () => {
       {currentStep === startStep && (
         <ProviderCatalog
           dataList={providerList}
-          height={80}
+          height={70}
           onSelect={handleSelectProvider}
           clickable={true}
           current={extraData.provider}

src/pages/cluster-management/components/footer-buttons.tsx

@@ -6,7 +6,7 @@ import styled from 'styled-components';
 const Title = styled.span`
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-end;
   font-weight: 700;
   font-size: 16px;
   .text {

src/pages/llmodels/user-models.tsx

@@ -119,7 +119,7 @@ const UserModels: React.FC = () => {
       <CardList
         dataList={dataSource.dataList}
         loading={dataSource.loading}
-        activeId={-1}
+        activeId={false}
         isFirst={!dataSource.loadend}
         Skeleton={CardSkeleton}
         renderItem={renderCard}