From 4c63964fdf5532622b144fd0cca23af853827334 Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Tue, 13 Sep 2022 21:46:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E9=BC=A0=E6=A0=87?=
 =?UTF-8?q?=E6=82=AC=E5=81=9C=E6=9F=A5=E7=9C=8B=E5=85=B7=E4=BD=93=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=20=E6=B7=BB=E5=8A=A0=E5=88=86=E5=89=B2=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/cpns/ClipItemList.vue          |  4 +++-
 src/style/cpns/clip-item-list.less | 13 +++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/cpns/ClipItemList.vue b/src/cpns/ClipItemList.vue
index 6401b25..392ac00 100644
--- a/src/cpns/ClipItemList.vue
+++ b/src/cpns/ClipItemList.vue
@@ -15,7 +15,9 @@
     >
       <div class="clip-info">
         <div class="clip-time">
-          <span>{{ dateFormat(item.updateTime) }}</span>
+          <span class="relative-date" :title="new Date(item.updateTime).toLocaleString()">{{
+            dateFormat(item.updateTime)
+          }}</span>
         </div>
         <div class="clip-data">
           <template v-if="item.type === 'text'">
diff --git a/src/style/cpns/clip-item-list.less b/src/style/cpns/clip-item-list.less
index a80ed4b..d392da0 100644
--- a/src/style/cpns/clip-item-list.less
+++ b/src/style/cpns/clip-item-list.less
@@ -37,8 +37,13 @@
         flex-direction: column;
         justify-content: center;
         align-items: center;
-        min-width: 100px;
-        span {
+        min-width: 95px;
+        max-width: 100px;
+        border: 0px solid @text-bg-color-lighter;
+        border-color: @text-bg-color-lighter;
+        border-style: solid;
+        border-width: 0px 2px 0px 0px;
+        .relative-date {
           display: flex;
           justify-content: center;
           align-items: center;
@@ -55,8 +60,8 @@
         overflow: hidden;
         word-break: break-all;
         max-height: 120px;
-        max-width: 490px;
-        padding: 5px;
+        max-width: 520px;
+        padding: 5px 5px 5px 10px;
         white-space: pre-wrap;
         flex-direction: column;
         color: @text-color;