Untitled
unknown
plain_text
a year ago
1.1 kB
5
Indexable
import BottomNavBar from "../layout/BottomNavBar"; import { Input } from "@material-tailwind/react"; function SearchPage() { return ( <div className="prose prose-invert relative mx-2 flex max-w-none flex-col md:mx-10"> <h1 className="mb-0 pt-1 font-semibold">Search</h1> <div className="relative mt-2 w-full"> <Input type="search" placeholder="Search" className="w-full border !border-gray-300 bg-zinc-800 pl-10 text-white shadow-lg shadow-gray-900/5 ring-4 ring-transparent placeholder:text-gray-500 placeholder:opacity-100" labelProps={{ className: "hidden", }} containerProps={{ className: "min-w-[100px]" }} /> <i className="eva eva-search absolute left-3 top-1/2 -translate-y-1/2 transform text-xl placeholder:text-gray-500 placeholder:opacity-100"></i> </div> <div className="mt-4"> </div> <BottomNavBar /> </div> ); } export default SearchPage;
Editor is loading...
Leave a Comment