Merge pull request #68 from seed-blocks/fix/menu-and-other-styling-is…

…sues fix(Menu): styling issue preventing from adding max-height
seed-blocks · Sep 16, 2023 · c826b75 · c826b75
2 parents eed50f3 + b431dcc
commit c826b75
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/slow-carrots-develop.md b/.changeset/slow-carrots-develop.md
@@ -0,0 +1,5 @@
+---
+"@recastui/themes": patch
+---
+
+fix(Menu): styling issue preventing from adding max-height
diff --git a/packages/themes/src/menu.ts b/packages/themes/src/menu.ts
@@ -4,12 +4,12 @@ export const menu = {
 	button: cva('justify-between', {
 		variants: {
 			isNested: {
-				true: 'MenuItem focus-visible:outline-none hover:bg-main-7 focus-visible:bg-main-7 focus-visible:ring-0 focus-visible:border-0',
+				true: 'MenuItem focus-visible:outline-none hover:bg-main-7 focus-visible:bg-main-7 focus-visible:ring-0 focus-visible:border-0 w-full',
 				false: 'RootMenu',
 			},
 		},
 	}),
-	list: cva('outline-none bg-main-3 flex flex-col'),
+	list: cva('outline-none bg-main-3'),
 	item: cva(
 		'MenuItem flex items-center justify-start hover:bg-main-7 focus-visible:outline-none focus-visible:bg-main-7 focus-visible:ring-0 focus-visible:border-0',
 	),