From 8e74413e18b84fed476f98bb1dfe51a4d96f9830 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Mon, 22 Jan 2024 17:06:30 +0100
Subject: [PATCH] Center popups on the screen

---
 front/packages/primitives/src/popup.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/front/packages/primitives/src/popup.tsx b/front/packages/primitives/src/popup.tsx
index 36c9c3d6..666fe232 100644
--- a/front/packages/primitives/src/popup.tsx
+++ b/front/packages/primitives/src/popup.tsx
@@ -24,7 +24,7 @@ import { Portal } from "@gorhom/portal";
 import { SwitchVariant, YoshikiFunc } from "./themes";
 import { View } from "react-native";
 import { imageBorderRadius } from "./constants";
-import { percent, px } from "yoshiki/native";
+import { px } from "yoshiki/native";
 import { ts } from "./utils";
 
 export const Popup = ({ children }: { children: ReactNode | YoshikiFunc<ReactNode> }) => {
@@ -40,13 +40,13 @@ export const Popup = ({ children }: { children: ReactNode | YoshikiFunc<ReactNod
 							right: 0,
 							bottom: 0,
 							bg: (theme) => theme.themeOverlay,
+							justifyContent: "center",
+							alignItems: "center",
 						})}
 					>
 						<Container
 							{...css({
 								borderRadius: px(imageBorderRadius),
-								position: "absolute",
-								top: percent(35),
 								padding: ts(4),
 								gap: ts(2),
 								bg: (theme) => theme.background,