jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-29 02:55:48 -04:00
Code Issues Activity

switch some style props to css

Browse Source
This commit is contained in:
Jake Jarvis
2022-03-03 11:46:18 -05:00
parent 4e32048cca
commit dc7622a7af
6 changed files with 32 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/IFrame/IFrame.tsx
View File

@@ -1,5 +1,6 @@
import { styled } from "../../lib/styles/stitches.config";
import type { ComponentProps } from "react";
import type * as Stitches from "@stitches/react";
const RoundedIFrame = styled("iframe", {
width: "100%",
@@ -15,9 +16,10 @@ export type IFrameProps = ComponentProps<typeof RoundedIFrame> & {
width?: number; // defaults to 100%
allowScripts?: boolean;
noScroll?: boolean;
css?: Stitches.CSS;
};
const IFrame = ({ src, title, height, width, allowScripts, noScroll, ...rest }: IFrameProps) => (
const IFrame = ({ src, title, height, width, allowScripts, noScroll, css, ...rest }: IFrameProps) => (
<RoundedIFrame
src={src}
title={title}
@@ -27,6 +29,7 @@ const IFrame = ({ src, title, height, width, allowScripts, noScroll, ...rest }:
css={{
height: `${height}px`,
maxWidth: width ? `${width}px` : null,
...css,
}}
{...rest}
/>