padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: Update ChatPage layout for improved height responsiveness

Browse source 
- Adjust the height of the chat container to use dynamic calculations based on viewport height, enhancing the layout for various screen sizes.
- Ensure the chat interface maintains a consistent appearance across different devices, improving overall user experience.
This commit is contained in:
padreug 2025-08-06 00:08:01 +02:00
parent dd7d13f41b
commit 55958a0822
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/pages/ChatPage.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="container mx-auto p-4 h-screen">
<div class="container mx-auto p-4 h-[calc(100vh-3.5rem-2rem)] lg:h-[calc(100vh-4rem-2rem)] xl:h-[calc(100vh-5rem-2rem)]">
<div class="flex flex-col h-full">
<!-- Page Header -->
<div class="mb-4">