Jed Fox 668f8ec4a6
Make dialogs look better on mobile (#908)
* Standardize mobile media query

* Refactor & add mobile support to dialogs

* back & close icons
2020-03-13 20:32:47 +01:00

18 lines
380 B
TypeScript

import "./Island.css";
import React from "react";
type IslandProps = { children: React.ReactNode; padding?: number };
export const Island = React.forwardRef<HTMLDivElement, IslandProps>(
({ children, padding }, ref) => (
<div
className="Island"
style={{ "--padding": padding } as React.CSSProperties}
ref={ref}
>
{children}
</div>
),
);