21 lines
782 B
TypeScript
21 lines
782 B
TypeScript
import { RiCloseFill, RiLeafFill } from "react-icons/ri";
|
|
import { Button } from "@/components/ui/button";
|
|
export default function MobileBanner() {
|
|
return (
|
|
<div className="fixed bottom-[var(--bottom-nav-height)] flex w-screen items-center gap-3 border-t bg-card px-3 py-2.5 sm:hidden">
|
|
<div className="center h-[32px] w-[32px] shrink-0 rounded-[6px] border bg-white shadow">
|
|
<RiLeafFill className="text-black" />
|
|
</div>
|
|
<div className="flex-1 text-sm font-medium text-foreground">
|
|
Get our PWA
|
|
</div>
|
|
<Button size={"sm"} className="rounded-[6px]">
|
|
Install
|
|
</Button>
|
|
<button className="center -mx-1">
|
|
<RiCloseFill className="h-[18px] w-[18px] text-muted-foreground" />
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|