From c0cc0467625dc80aa2f99cc0cfcb294ef255cb7a Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Thu, 28 May 2026 23:44:13 +0800
Subject: [PATCH] fix(home): replace h-screen with h-[100dvh] for mobile
 viewport height

use 100dvh instead of h-screen to properly calculate full viewport height on mobile browsers, avoiding layout issues caused by dynamic browser UI elements
---
 src/pages/home/components/ChatMainList/index.vue | 2 +-
 src/pages/home/index.vue                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/components/ChatMainList/index.vue b/src/pages/home/components/ChatMainList/index.vue
index 5f8c42d..c69334e 100644
--- a/src/pages/home/components/ChatMainList/index.vue
+++ b/src/pages/home/components/ChatMainList/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col h-screen relative overflow-hidden">
+  <div class="flex h-[100dvh] flex-col relative overflow-hidden">
     <!-- 顶部自定义导航栏 -->
     <div class="absolute top-0 left-0 w-full z-10">
       <ChatTopNavBar ref="topNavBarRef" :mainPageDataModel="mainPageDataModel" @showDrawer="handleShowDrawer" />
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index 5ea6070..6a4b554 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="index-page w-full h-screen overflow-hidden bg-liner">
+  <div class="index-page w-full h-[100dvh] overflow-hidden bg-liner">
     <ChatMainList @showDrawer="showDrawer" />
 
     <!-- 日历组件 -->