From 3dc7cd30dc56cebf948a42957889fab1fe22b92e Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 1 Sep 2022 13:46:47 +0800
Subject: [PATCH] :iphone: fix
 https://github.com/siyuan-note/siyuan/issues/5777

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

diff --git a/app/src/assets/scss/_function.scss b/app/src/assets/scss/_function.scss
index 2ff18ac7a..74e357532 100644
--- a/app/src/assets/scss/_function.scss
+++ b/app/src/assets/scss/_function.scss
@@ -177,6 +177,7 @@
 
   &__repoheader {
     padding: 8px 16px;
+    flex-wrap: wrap;
 
     .block__icon {
       opacity: 1;
diff --git a/app/src/util/history.ts b/app/src/util/history.ts
index c55be8f3e..1e3b9a29f 100644
--- a/app/src/util/history.ts
+++ b/app/src/util/history.ts
@@ -278,8 +278,8 @@ export const openHistory = () => {
                 <span class="fn__space"></span>
                 <button data-type="rebuildIndex" class="b3-button b3-button--outline">${window.siyuan.languages.rebuildIndex}</button>
             </div>
-            <div class="fn__flex fn__flex-1">
-                <ul style="width:200px;overflow: auto;" class="b3-list b3-list--background">
+            <div class="fn__flex fn__flex-1"${isMobile() ? ' style="flex-direction: column;"' : ""}>
+                <ul style="${isMobile() ? "height: 30%" : "width:200px"};overflow: auto;" class="b3-list b3-list--background">
                     <li class="b3-list--empty">${window.siyuan.languages.emptyContent}</li>
                 </ul>
                 <div class="fn__flex-1 history__text fn__none" data-type="assetPanel"></div>