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
2026-05-28 23:44:13 +08:00
parent 8e3baccb18
commit c0cc046762
2 changed files with 2 additions and 2 deletions

View File

@@ -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" />

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" />
<!-- 日历组件 -->