From 2ff7169e732ac14639705d4af0cabae4446bd477 Mon Sep 17 00:00:00 2001
From: Ivan Li <ivanli@live.cn>
Date: Mon, 5 Apr 2021 10:23:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(commit-logs):=20=E6=94=B9=E5=96=84?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/commit-logs/commit-log-list.scss      | 8 ++++++++
 src/components/commit-logs/commit-log-list.scss.d.ts | 1 +
 src/components/commit-logs/commit-log-list.tsx       | 2 +-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/commit-logs/commit-log-list.scss b/src/components/commit-logs/commit-log-list.scss
index 350e925..0328b6d 100644
--- a/src/components/commit-logs/commit-log-list.scss
+++ b/src/components/commit-logs/commit-log-list.scss
@@ -21,3 +21,11 @@
     @apply justify-self-end self-center;
   }
 }
+
+.taskList {
+  @apply text-sm bg-gray-100;
+  li {
+    @apply px-2 py-1 cursor-pointer;
+    @apply hover:bg-gray-200;
+  }
+}
diff --git a/src/components/commit-logs/commit-log-list.scss.d.ts b/src/components/commit-logs/commit-log-list.scss.d.ts
index 7e35d88..062c3a5 100644
--- a/src/components/commit-logs/commit-log-list.scss.d.ts
+++ b/src/components/commit-logs/commit-log-list.scss.d.ts
@@ -4,6 +4,7 @@ declare namespace CommitLogListScssNamespace {
     component: string;
     item: string;
     list: string;
+    taskList: string;
   }
 }
 
diff --git a/src/components/commit-logs/commit-log-list.tsx b/src/components/commit-logs/commit-log-list.tsx
index 145258b..6faf318 100644
--- a/src/components/commit-logs/commit-log-list.tsx
+++ b/src/components/commit-logs/commit-log-list.tsx
@@ -55,7 +55,7 @@ export const CommitLogList = ({ pipelineId }: Props) => {
           <CommitActions pipeline={pipeline} commit={log.hash} />
         ) : null}
       </header>
-      <ol>
+      <ol className={styles.taskList}>
         {log.tasks.map(task => (
           <li key={task.id} onClick={() => setLocation(`/tasks/${task.id}`)}>
             <PipelineTaskStatus status={task.status} /> {task.startedAt}