style(footer+header): made both sticky
This commit is contained in:
parent
848f27b29b
commit
3661874789
4 changed files with 38 additions and 31 deletions
|
|
@ -2,10 +2,14 @@ import React from "react";
|
|||
|
||||
export default function ChatHeader({ title = "Title of Chat" }) {
|
||||
return (
|
||||
<header className="flex justify-center text-slate-100">
|
||||
<h1 className="text-lg font-semibold shadow-xl bg-gray-900 px-4 py-2 rounded-4xl">
|
||||
{title}
|
||||
</h1>
|
||||
</header>
|
||||
<div className="w-full flex justify-center">
|
||||
<header className="text-slate-100 fixed top-2">
|
||||
<div>
|
||||
<h1 className="text-lg font-semibold shadow-xl bg-gray-900 px-6 py-2 rounded-4xl">
|
||||
{title}
|
||||
</h1>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue