From d3636e328f5247e415753b10b09a4dcc12c5bd1d Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 7 Jul 2022 11:07:00 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/assets/scss/_function.scss |  3 ++-
 app/src/util/history.ts            | 17 +++++++++++++++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/app/src/assets/scss/_function.scss b/app/src/assets/scss/_function.scss
index 68debdb32..281a63f08 100644
--- a/app/src/assets/scss/_function.scss
+++ b/app/src/assets/scss/_function.scss
@@ -162,10 +162,11 @@
     overflow: hidden;
 
     .b3-chip--secondary {
-      padding: 2px 8px;
+      padding: 0 8px;
       display: inline;
       margin-right: 8px;
       font-size: 12px;
+      line-height: 16px;
     }
   }
 
diff --git a/app/src/util/history.ts b/app/src/util/history.ts
index 1dbef852c..37137cbd5 100644
--- a/app/src/util/history.ts
+++ b/app/src/util/history.ts
@@ -123,7 +123,19 @@ const renderRepoItem = (response: IWebSocketData, element: Element, type: string
     }
     let repoHTML = "";
     response.data.snapshots.forEach((item: { memo: string, id: string, hCreated: string, count: number, hSize: string, tag: string }) => {
-        repoHTML += `<li class="b3-list-item b3-list-item--hide-action" data-id="${item.id}" data-tag="${item.tag}">
+        if (isMobile()) {
+            repoHTML += `<li class="b3-list-item b3-list-item--two" data-id="${item.id}" data-tag="${item.tag}">
+    <div class="b3-list-item__first">
+        <span class="b3-chip b3-chip--secondary${item.tag ? "" : " fn__none"}">${item.tag}</span>
+        ${item.hCreated}<span class="fn__space"></span>
+        <span class="b3-list-item__meta">${item.hSize}</span>
+        <span class="fn__flex-1"></span>
+        ${actionHTML}
+    </div>
+    <span class="b3-list-item__meta">${escapeHtml(item.memo)}</span>
+</li>`;
+        } else {
+            repoHTML += `<li class="b3-list-item b3-list-item--hide-action" data-id="${item.id}" data-tag="${item.tag}">
     <div class="b3-list-item__text">
         <span class="b3-chip b3-chip--secondary${item.tag ? "" : " fn__none"}">${item.tag}</span>
         ${item.hCreated}<span class="fn__space"></span>
@@ -133,6 +145,7 @@ const renderRepoItem = (response: IWebSocketData, element: Element, type: string
     </div>
     ${actionHTML}
 </li>`;
+        }
     });
     element.lastElementChild.innerHTML = `${repoHTML}`;
 };
@@ -247,7 +260,7 @@ export const openHistory = () => {
                 <span class="fn__space"></span>
                 <span data-type="next" class="block__icon b3-tooltips b3-tooltips__se" disabled="disabled" aria-label="${window.siyuan.languages.nextLabel}"><svg><use xlink:href='#iconRight'></use></svg></span>
                 <div class="fn__flex-1"></div>
-                <select class="b3-select">
+                <select class="b3-select" style="min-width: auto">
                     <option value="0">${window.siyuan.languages.localSnapshot}</option>
                     <option value="1">${window.siyuan.languages.localTagSnapshot}</option>
                     <option value="2">${window.siyuan.languages.cloudTagSnapshot}</option>