Change vh to dvh units

gruponovaeafit · Sep 11, 2024 · ef981e3 · ef981e3
1 parent c9e584c
commit ef981e3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Chat.jsx b/src/components/Chat.jsx
@@ -32,7 +32,7 @@ export default function Chat() {
 
   return (
     <>
-      <div className="px-2 lg:px-0 h-[72vh] md:h-[80vh] overflow-y-scroll flex flex-column">
+      <div className="px-2 lg:px-0 h-[79dvh] overflow-y-scroll flex flex-column">
         <div className="w-full lg:w-1/2 m-[0.5rem] lg:m-0 text-[0.8rem] lg:text-[1rem] flex flex-column mx-auto">
           {messages.map((message, index) => (
             <div
@@ -60,7 +60,7 @@ export default function Chat() {
         </div>
       </div>
 
-      <div className="w-full flex justify-center m-2 fixed bottom-0">
+      <div className="w-full flex justify-center h-[9dvh] mb-2 lg:mb-0 fixed bottom-0">
         <div className="w-full lg:w-1/2 m-[0.5rem] lg:m-0 text-[0.8rem] lg:text-[1rem]">
           <form onSubmit={handleSendMessage}>
             <div className="flex">

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -11,7 +11,7 @@ import logoPacho from "../assets/images/pacho.png";
  */
 export default function Header({ chatBotName }) {
   return (
-    <div className="flex items-center justify-center h-[10vh] header-bg">
+    <div className="flex items-center justify-center h-[10dvh] header-bg">
       <div className="flex justify-start w-full lg:w-1/2">
         <img src={logoPacho} alt="logo" className="w-12 lg:w-16 h-12 lg:h-16" />
         <p className="text-xl font-bold bot-name mb-0">