smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make dialogs look better on mobile (#908)

Browse source 
* Standardize mobile media query

* Refactor & add mobile support to dialogs

* back & close icons
This commit is contained in:
Jed Fox 2020-03-13 15:32:47 -04:00 • committed by GitHub
parent c85315650f
commit 668f8ec4a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 328 additions and 201 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/Island.tsx
View file

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