From d75970cb2a3c460abde3f77abd91980a75d04f69 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 27 Feb 2025 20:15:24 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E5=B7=A5=E4=BD=9C?=
 =?UTF-8?q?=E6=B5=81=E4=BB=BB=E5=8A=A1=E5=8D=A1=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/WorkflowTaskCard.vue | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/cards/WorkflowTaskCard.vue b/src/components/cards/WorkflowTaskCard.vue
index 537c9ebe..5aa62c00 100644
--- a/src/components/cards/WorkflowTaskCard.vue
+++ b/src/components/cards/WorkflowTaskCard.vue
@@ -144,20 +144,24 @@ const resolveProgress = (item: Workflow) => {
 </script>
 <template>
   <div>
-    <VCard class="mx-auto" @click="handleFlow(workflow)">
+    <VCard class="mx-auto" @click="handleFlow(workflow)" :ripple="false">
       <VCardItem class="py-3" :class="`bg-${resolveStatusVariant(workflow?.state).color}`">
         <template #prepend>
-          <IconBtn v-if="workflow?.state === 'P'">
-            <VIcon color="success" icon="mdi-play" @click.stop="handleEnable(workflow)" />
-          </IconBtn>
-          <IconBtn v-else>
-            <VIcon color="warning" icon="mdi-pause" @click.stop="handlePause(workflow)" />
-          </IconBtn>
+          <VAvatar variant="text" class="me-2">
+            <VIcon
+              v-if="workflow?.state === 'P'"
+              color="success"
+              size="x-large"
+              icon="mdi-play"
+              @click.stop="handleEnable(workflow)"
+            />
+            <VIcon v-else color="warning" icon="mdi-pause" size="x-large" @click.stop="handlePause(workflow)" />
+          </VAvatar>
         </template>
-        <VCardTitle>
+        <VCardTitle class="text-white">
           {{ workflow?.name }}
         </VCardTitle>
-        <VCardSubtitle>{{ workflow?.description }}</VCardSubtitle>
+        <VCardSubtitle class="text-white">{{ workflow?.description }}</VCardSubtitle>
         <template #append>
           <IconBtn>
             <VIcon icon="mdi-vector-polyline-edit" @click.stop="handleFlow(workflow)" />