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:
@@ -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,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" />
|
||||
|
||||
<!-- 日历组件 -->
|
||||
|
||||
Reference in New Issue
Block a user