opt: optimize chat list page for mobile

2025-11-12 12:13:46 +08:00 · 2024-01-24 18:23:24 +08:00
parent 84bdc6be7f
commit cd760bbd84
9 changed files with 232 additions and 61 deletions
--- a/web/src/assets/css/mobile/chat-list.styl
+++ b/web/src/assets/css/mobile/chat-list.styl
@@ -0,0 +1,47 @@
+.mobile-chat-list {
+  .content {
+    .van-cell__value {
+      .chat-list-item {
+        display flex
+        font-size 14px
+
+        .van-image {
+          min-width 32px
+          width 32px
+          height 32px
+        }
+
+        .van-ellipsis {
+          margin-top 5px;
+          margin-left 10px;
+        }
+      }
+    }
+  }
+
+
+  .van-nav-bar {
+    .van-nav-bar__right {
+      .van-icon {
+        font-size 20px;
+      }
+    }
+  }
+}
+
+.van-popup {
+  .picker-option {
+    display flex
+    width 100%
+    padding 0 10px
+    overflow hidden
+    height 20px
+    text-overflow ellipsis
+
+    .van-image {
+      width 20px;
+      height 20px;
+      margin-right 5px
+    }
+  }
+}