Fix viewport height to be always 100vh

gruponovaeafit · Sep 11, 2024 · f359a72 · f359a72
1 parent e124f44
commit f359a72
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -12,16 +12,12 @@ 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 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">
-            {chatBotName}
-            <span className="block text-sm online">En línea</span>
-          </p>
+      <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">
+          {chatBotName}
+          <span className="block text-sm online">En línea</span>
+        </p>
       </div>
     </div>
   );

diff --git a/src/views/Next.jsx b/src/views/Next.jsx
@@ -29,7 +29,7 @@ export default function Next() {
       </div>
 
       {/* Main Content */}
-      <div className="w-full min-h-screen flex flex-col bg-chatbot" id="next">
+      <div className="w-full h-screen flex flex-col bg-chatbot" id="next">
         <Header chatBotName={"NOVA NextBot"} />
         <Chat />
       </div>