arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-30 19:57:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(VerticalNavigation): move spacing to specific prop

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
src/runtime/components/navigation/VerticalNavigation.vue
View File

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

3
src/runtime/presets/default.ts
View File

@@ -252,7 +252,8 @@ const toggle = {
const verticalNavigation = { const verticalNavigation = {
wrapper: 'space-y-1', 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', 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', inactive: 'u-text-gray-600 hover:u-text-gray-900 hover:u-bg-gray-50 focus:u-bg-gray-50',
icon: { icon: {