diff options
author | Sebastian <sebasjm@gmail.com> | 2024-02-29 01:24:49 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2024-02-29 01:24:49 -0300 |
commit | 46898aef5f6e238dbfe1b54cf1cf99a276b7d114 (patch) | |
tree | 22a482a5ba4f6cf7981d460d38d7987cbb39d3e2 /packages/taler-wallet-webextension/src/components/Modal.tsx | |
parent | 74b9ee559fc57f48a591140eb342cc8e2bbd3dd3 (diff) | |
download | wallet-core-46898aef5f6e238dbfe1b54cf1cf99a276b7d114.tar.xz |
wip wallet activity
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/Modal.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/Modal.tsx | 73 |
1 files changed, 38 insertions, 35 deletions
diff --git a/packages/taler-wallet-webextension/src/components/Modal.tsx b/packages/taler-wallet-webextension/src/components/Modal.tsx index 11fa72181..5553c72df 100644 --- a/packages/taler-wallet-webextension/src/components/Modal.tsx +++ b/packages/taler-wallet-webextension/src/components/Modal.tsx @@ -18,7 +18,7 @@ import { styled } from "@linaria/react"; import { ComponentChildren, h, VNode } from "preact"; import { ButtonHandler } from "../mui/handlers.js"; import closeIcon from "../svg/close_24px.inline.svg"; -import { Link, LinkPrimary, LinkWarning } from "./styled/index.js"; +import { Link } from "./styled/index.js"; interface Props { children: ComponentChildren; @@ -52,40 +52,43 @@ const Body = styled.div` export function Modal({ title, children, onClose }: Props): VNode { return ( - <FullSize onClick={onClose?.onClick}> - <div - onClick={(e) => e.stopPropagation()} - style={{ - background: "white", - width: 600, - height: "80%", - margin: "auto", - borderRadius: 8, - padding: 8, - // overflow: "scroll", - }} - > - <Header> - <div> - <h2>{title}</h2> - </div> - <Link onClick={onClose?.onClick}> - <div - style={{ - height: 24, - width: 24, - marginLeft: 4, - marginRight: 4, - // fill: "white", - }} - dangerouslySetInnerHTML={{ __html: closeIcon }} - /> - </Link> - </Header> - <hr /> + <div style={{ position: "fixed", top: 0, width: "100%", height: "100%" }}> - <Body onClick={(e: any) => e.stopPropagation()}>{children}</Body> - </div> - </FullSize> + <FullSize onClick={onClose?.onClick}> + <div + onClick={(e) => e.stopPropagation()} + style={{ + background: "white", + width: 600, + height: "80%", + margin: "auto", + borderRadius: 8, + padding: 8, + // overflow: "scroll", + }} + > + <Header> + <div> + <h2>{title}</h2> + </div> + <Link onClick={onClose?.onClick}> + <div + style={{ + height: 24, + width: 24, + marginLeft: 4, + marginRight: 4, + // fill: "white", + }} + dangerouslySetInnerHTML={{ __html: closeIcon }} + /> + </Link> + </Header> + <hr /> + + <Body onClick={(e: any) => e.stopPropagation()}>{children}</Body> + </div> + </FullSize> + </div> ); } |