style: search models style

src/pages/llmodels/style/hf-model-file.less

@@ -3,7 +3,7 @@
 .hf-model-file {
   display: flex;
   flex-direction: column;
-  padding: 10px;
+  padding: 12px 14px;
   border: 1px solid var(--ant-color-border);
   border-radius: var(--border-radius-base);
   cursor: pointer;
@@ -17,7 +17,15 @@
   }
 
   .title {
-    margin-bottom: 10px;
+    margin-bottom: 12px;
+  }
+
+  .tags {
+    display: flex;
+    gap: 8px;
+    justify-content: flex-start;
+    align-items: center;
+    flex-wrap: wrap;
   }
 
   .tag-item {

src/pages/llmodels/style/hf-model-item.less

@@ -5,7 +5,7 @@
   justify-content: space-between;
   border: 1px solid var(--ant-color-border);
   border-radius: var(--border-radius-base);
-  padding: 12px;
+  padding: 12px 14px;
   cursor: pointer;
 
   &:hover {
@@ -24,6 +24,12 @@
   .info {
     color: var(--ant-color-text-tertiary);
 
+    .info-item {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+
     .tag-item {
       display: flex;
       align-items: center;
@@ -37,4 +43,10 @@
       // color: var(--ant-color-text-secondary);
     }
   }
+
+  .tags {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+  }
 }

src/pages/llmodels/style/model-card.less

@@ -1,13 +1,10 @@
 .model-card-wrap {
   display: flex;
   flex-direction: column;
-  min-height: 72px;
-  padding: 10px;
-  border: 1px solid var(--ant-color-border);
   border-radius: var(--border-radius-base);
 
   .title {
-    margin-bottom: 10px;
+    margin-bottom: 5px;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -30,15 +27,17 @@
 
   .mkd-title {
     cursor: pointer;
-    color: rgba(255, 255, 255, 80%);
+    background-color: var(--color-fill-sider);
     border-bottom: 1px solid rgba(255, 255, 255, 10%);
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 10px;
-  }
-
-  .simplebar-scrollbar::before {
-    background: var(--color-scroll-bg);
+    height: 36px;
   }
 }
+
+.card-wrapper {
+  padding: 16px 24px;
+  padding-top: 0;
+}

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

@@ -9,7 +9,7 @@
   align-items: center;
   font-size: 14px;
   padding: @padding;
-  padding-top: 0;
+  padding-top: 10px;
   margin-bottom: 0;
   background-color: var(--color-white-1);
 }