duanshuwen/nianxx-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(home): replace h-screen with h-[100dvh] for mobile viewport height

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/home/components/ChatMainList/index.vue
View File

@@ -1,5 +1,5 @@
<template> <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"> <div class="absolute top-0 left-0 w-full z-10">
<ChatTopNavBar ref="topNavBarRef" :mainPageDataModel="mainPageDataModel" @showDrawer="handleShowDrawer" /> <ChatTopNavBar ref="topNavBarRef" :mainPageDataModel="mainPageDataModel" @showDrawer="handleShowDrawer" />

2
src/pages/home/index.vue
View File

@@ -1,5 +1,5 @@
<template> <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" /> <ChatMainList @showDrawer="showDrawer" />
<!-- 日历组件 --> <!-- 日历组件 -->