SELF-287 update Menu.vue to include menu class with mb-2 if footer sl…

…ot is present (#491) * update Menu.vue to include menu class with mb-2 if footer slot is present * 2.0.50
lob · May 3, 2024 · 5d7d8cb · 5d7d8cb
1 parent 2c498fd
commit 5d7d8cb
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,10 @@
 # CHANGELOG
 
-## v2.0.48
+## v2.0.50
+
+- Adjust the margin on the menu's divider if the menu has a footer.
+
+## v2.0.49
 
 - Add disabled styles for the items of the `Menu` component.
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lob/ui-components",
-  "version": "2.0.49",
+  "version": "2.0.50",
   "engines": {
     "node": ">=20.2.0",
     "npm": ">=10.2.0"

diff --git a/src/components/Menu/Menu.vue b/src/components/Menu/Menu.vue
@@ -10,7 +10,8 @@
         enterActiveClass: 'transition duration-250 ease-out',
         leaveActiveClass: 'transition duration-250 ease-out',
         leaveToClass: 'opacity-0 scale-[.98]'
-      }
+      },
+      menu: { class: [{ 'mb-2': Boolean($slots.footer) }] }
     }"
   >
     <template #submenuheader="item">