From 38a10d651722aef4a6aaa89af7c3e4c642bb3c3c Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Sun, 18 Sep 2022 09:47:35 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E9=A1=B5=E4=B8=8E=E5=8E=86=E5=8F=B2data=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E7=BB=86=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style/cpns/clip-full-data.less | 9 ++++++---
 src/style/cpns/clip-item-list.less | 9 +++++----
 src/style/cpns/clip-operate.less   | 1 -
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/style/cpns/clip-full-data.less b/src/style/cpns/clip-full-data.less
index b8a4600..6a1bcda 100644
--- a/src/style/cpns/clip-full-data.less
+++ b/src/style/cpns/clip-full-data.less
@@ -1,9 +1,9 @@
 .clip-full-wrapper {
-  z-index: 101;
+  z-index: 102;
   position: fixed;
   top: 0;
   height: -webkit-fill-available;
-  width: 70%;
+  width: 80%;
   color: @text-color;
   background: @bg-color;
   margin: 0px 0px;
@@ -26,6 +26,9 @@
     border-radius: 5px;
   }
   .clip-full-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
     position: relative;
     top: 50px;
     padding: 20px;
@@ -56,7 +59,7 @@
   }
 }
 .clip-overlay {
-  z-index: 100;
+  z-index: 101;
   position: fixed;
   top: 0;
   height: 100%;
diff --git a/src/style/cpns/clip-item-list.less b/src/style/cpns/clip-item-list.less
index 731a360..93fd3e3 100644
--- a/src/style/cpns/clip-item-list.less
+++ b/src/style/cpns/clip-item-list.less
@@ -11,7 +11,7 @@
     border-color: @text-bg-color-lighter @bg-color @bg-color @bg-color;
     cursor: pointer;
     &.active {
-      border-style: hidden hidden hidden solid;
+      border-style: solid hidden hidden solid;
       border-width: 1px 0px 0px 6px;
       border-color: @text-bg-color-lighter @bg-color @bg-color @primary-color;
       background-color: @text-bg-color-lighter;
@@ -31,7 +31,7 @@
       justify-content: center;
       align-items: center;
       font-size: 14px;
-      padding: 10px;
+      padding: 10px 10px 10px 5px;
       .clip-time {
         display: flex;
         flex-direction: column;
@@ -43,6 +43,7 @@
         border-color: @text-bg-color-lighter;
         border-style: solid;
         border-width: 0px 2px 0px 0px;
+        margin: 0px 5px 0px 0px;
         .relative-date {
           display: flex;
           justify-content: center;
@@ -60,7 +61,7 @@
         overflow: hidden;
         word-break: break-all;
         max-height: 120px;
-        max-width: 480px;
+        max-width: 460px;
         padding: 5px 5px 5px 10px;
         white-space: pre-wrap;
         flex-direction: column;
@@ -68,7 +69,7 @@
         img.clip-data-image {
           // 此 class用于区分 file的 image
           max-height: 100px; // 比外框 max-height少一点 因为有 5px的边框
-          max-width: 90%;
+          max-width: 85%;
           box-shadow: 0px 0px 3px @text-color;
         }
         .clip-over-sized-content {
diff --git a/src/style/cpns/clip-operate.less b/src/style/cpns/clip-operate.less
index 69a2dbc..24a73ba 100644
--- a/src/style/cpns/clip-operate.less
+++ b/src/style/cpns/clip-operate.less
@@ -4,7 +4,6 @@
   justify-content: center;
   flex-wrap: wrap;
   min-width: 180px;
-  padding: 0px 10px;
   flex-wrap: wrap;
   & div {
     display: flex;