Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -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 { ts } from "./utils";
export const Popup = ({ children }: { children: ReactNode | YoshikiFunc<ReactNode> }) => {
export const Popup = ({ children, ...props }: { children: ReactNode | YoshikiFunc<ReactNode> }) => {
return (
<Portal>
<SwitchVariant>
{({ css, theme }) => (
<View
{...css({
position: "absolute",
top: 0,
left: 0,
right: 0,
bottom: 0,
bg: (theme) => theme.themeOverlay,
justifyContent: "center",
alignItems: "center",
})}
{...css(
{
position: "absolute",
top: 0,
left: 0,
right: 0,
bottom: 0,
bg: (theme) => theme.themeOverlay,
justifyContent: "center",
alignItems: "center",
},
props,
)}
>
<Container
{...css({