quantified.uncertainty/squiggle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix tooltip padding on website

Browse Source
This commit is contained in:
Vyacheslav Matyukhin 2022-07-26 20:47:42 +04:00
parent e76a4beb4d
commit 2abb3968dd
No known key found for this signature in database
GPG Key ID: 3D2A774C5489F96C
2 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/components/src/components/ui/Modal.tsx
View File

@ -165,16 +165,14 @@ export const Modal: ModalType = ({ children, container, close }) => {
}, [close]); }, [close]);
const modal = ( const modal = (
<SquiggleContainer> <ModalContext.Provider value={{ close }}>
<ModalContext.Provider value={{ close }}> <div className="squiggle">
<div className="squiggle"> <div className="fixed inset-0 z-40 flex justify-center items-center">
<div className="fixed inset-0 z-40 flex justify-center items-center"> <Overlay />
<Overlay /> <ModalWindow container={container}>{children}</ModalWindow>
<ModalWindow container={container}>{children}</ModalWindow>
</div>
</div> </div>
</ModalContext.Provider> </div>
</SquiggleContainer> </ModalContext.Provider>
); );
return ReactDOM.createPortal(modal, container || el); return ReactDOM.createPortal(modal, container || el);

2
packages/components/src/components/ui/Tooltip.tsx
View File

@ -54,7 +54,7 @@ export const Tooltip: React.FC<Props> = ({ text, children }) => {
}, },
})} })}
> >
<pre>{text}</pre> <div className="font-mono whitespace-pre">{text}</div>
</motion.div> </motion.div>
)} )}
</AnimatePresence> </AnimatePresence>