Fix some components style

2025-05-24 02:02:36 -04:00 · 2023-09-09 18:08:22 +02:00 · 2023-09-09 18:08:22 +02:00 · 3b84161ec5
commit 3b84161ec5
parent a04bffbec9
2 changed files with 5 additions and 4 deletions
--- a/front/packages/primitives/src/divider.tsx
+++ b/front/packages/primitives/src/divider.tsx
@ -40,14 +40,14 @@ export const HR = ({
 					orientation === "vertical" && {
 						width: px(1),
 						height: "auto",
-						marginVertical: ts(1),
-						marginHorizontal: ts(2),
+						marginY: ts(1),
+						marginX: ts(2),
 					},
 					orientation === "horizontal" && {
 						height: px(1),
 						width: "auto",
-						marginHorizontal: ts(1),
-						marginVertical: ts(2),
+						marginX: ts(1),
+						marginY: ts(2),
 					},
 				],
 				props,
--- a/front/packages/primitives/src/icons.tsx
+++ b/front/packages/primitives/src/icons.tsx
@ -83,6 +83,7 @@ export const IconButton = forwardRef(function IconButton<AsProps = PressableProp
 			focusRipple
 			{...(css(
 				{
+					alignSelf: "center",
 					p: ts(1),
 					m: px(2),
 					borderRadius: 9999,