Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-31 04:04:21 -04:00
Code Issues Packages Projects Releases Wiki Activity

Allow the popup to be styled

Browse Source
This commit is contained in:
Zoe Roux 2024-01-22 17:48:05 +01:00
parent 8e74413e18
commit 521a68b4c7
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
front/packages/primitives/src/popup.tsx
View File

@ -27,22 +27,25 @@ import { imageBorderRadius } from "./constants";
import { px } from "yoshiki/native"; import { px } from "yoshiki/native";
import { ts } from "./utils"; import { ts } from "./utils";
export const Popup = ({ children }: { children: ReactNode | YoshikiFunc<ReactNode> }) => { export const Popup = ({ children, ...props }: { children: ReactNode | YoshikiFunc<ReactNode> }) => {
return ( return (
<Portal> <Portal>
<SwitchVariant> <SwitchVariant>
{({ css, theme }) => ( {({ css, theme }) => (
<View <View
{...css({ {...css(
position: "absolute", {
top: 0, position: "absolute",
left: 0, top: 0,
right: 0, left: 0,
bottom: 0, right: 0,
bg: (theme) => theme.themeOverlay, bottom: 0,
justifyContent: "center", bg: (theme) => theme.themeOverlay,
alignItems: "center", justifyContent: "center",
})} alignItems: "center",
},
props,
)}
> >
<Container <Container
{...css({ {...css({