a tool for shared writing and social publishing
leaflet.pub
1import { Media } from "components/Media";
2
3export function Footer(props: { children?: React.ReactNode }) {
4 return (
5 <Media
6 mobile
7 className={`
8 actionFooter touch-none shrink-0
9 w-full z-10
10 px-2 pt-1 pwa-padding-bottom
11 flex justify-between
12 h-[calc(38px+var(--safe-padding-bottom))]
13 bg-[rgba(var(--bg-page),0.5)] border-top border-bg-page`}
14 >
15 {props.children}
16 </Media>
17 );
18}