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
This commit is contained in:
duanshuwen committed 2026-05-28 23:44:13 +08:00
1 parent 8e3baccb18
commit c0cc046762
2 files changed
+2 -2

No files matched your search

@@ -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" />
+1 -1
View File
@@ -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" />
<!-- 日历组件 -->