chore(VerticalNavigation): move spacing to specific prop

This commit is contained in:
Benjamin Canac
2022-02-01 14:28:56 +01:00
parent a564f79b0c
commit e52d22de34
2 changed files with 7 additions and 2 deletions

View File

@@ -5,7 +5,7 @@
v-slot="{ isActive }"
:key="index"
v-bind="link"
:class="baseClass"
:class="[baseClass, spacingClass]"
:active-class="activeClass"
:inactive-class="inactiveClass"
@click="link.click && link.click()"
@@ -53,6 +53,10 @@ export default {
type: String,
default: () => $ui.verticalNavigation.base
},
spacingClass: {
type: String,
default: () => $ui.verticalNavigation.spacing
},
activeClass: {
type: String,
default: () => $ui.verticalNavigation.active

View File

@@ -252,7 +252,8 @@ const toggle = {
const verticalNavigation = {
wrapper: 'space-y-1',
base: 'group flex items-center px-3 py-2 text-sm font-medium rounded-md w-full',
base: 'group flex items-center text-sm font-medium rounded-md w-full',
spacing: 'px-3 py-2',
active: 'u-text-gray-900 u-bg-gray-100',
inactive: 'u-text-gray-600 hover:u-text-gray-900 hover:u-bg-gray-50 focus:u-bg-gray-50',
icon: {