style(agent): 优化产品列表和工作流展示样式

-调整产品列表卡片样式，增加顶部外边距
- 修改工作流置顶逻辑显示文本
- 优化工作流输出内容的样式，添加 markdown 容器样式

src/views/agent/index/index.vue

@@ -13,7 +13,7 @@
       </template>
     </a-input>
     <div   v-for="(item, index) in list" :key="index">
-      <p class="span-title mb-16px">{{ item.name }}</p>
+      <p class="span-title ">{{ item.name }}</p>
       <a-row class="grid-demo" :gutter="24" v-if="item.agent_products.length > 0">
         <a-col  :xs="24"
                 :sm="12"
@@ -22,7 +22,7 @@
                 :xl="6"
                 :xxl="4"
                 v-for="(product, k) in item.agent_products">
-          <div class="card-container cursor-pointer !h-252px" @click="goDetail(product?.type, product?.id)">
+          <div class="card-container cursor-pointer !h-252px mt-25px" @click="goDetail(product?.type, product?.id)">
             <div class="card-image h-120px w-100%  bg-cover bg-center bg-#E6E6E8" v-image-main-color="product.image_url">
               <img class="object-contain h-full w-100% mb-8px" :src="product?.image_url"/>
             </div>

src/views/agent/work-flow/index.vue

@@ -49,7 +49,7 @@
                       <div class="dropdown-item ">
                         <SvgIcon size="12" name="svg-pin" class="icon color-#6D4CFE" />
                         <div @click="(event) => handleTop(item.id, item.sort, event)" class="text">
-                          {{ item.sort > 1 ? '取消置顶' : '置顶' }}
+                          {{ item.sort > 0 ? '取消置顶' : '置顶' }}
                         </div>
                       </div>
                       <!--                        <div class="dropdown-item">-->
@@ -92,7 +92,7 @@
           </div>
           <div class="res">
             <a-spin v-if="loading" class="spin-center" tip="生成中。。。" />
-            <div v-if="workFlowRes.output != '' && loading === false" v-html="renderedMarkdown"></div>
+            <div class="markdown-container" v-if="workFlowRes.output != '' && loading === false" v-html="renderedMarkdown"></div>
             <NoData v-if="workFlowRes.output == '' && loading === false" />
           </div>
         </div>

src/views/agent/work-flow/style.scss

@@ -305,7 +305,12 @@
         justify-content: center;
         align-items: center;
         gap: 32px;
-        display: inline-flex
+        display: inline-flex;
+        .markdown-container {
+          max-width: 100%;
+          overflow-x: auto;
+          word-wrap: break-word;
+        }
       }
     }
   }