Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Adding the style of the primevue navigation component

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-30 11:26:02 +02:00
parent 564f036030
commit 4a86b1cd57
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/assets/style/primevue-style/navigation.css Normal file
View File

@ -0,0 +1,23 @@
:root{
--p-navigation-submenu-icon-size: 0.875rem;
--p-navigation-submenu-label-padding: var(--menu-padding);
--p-navigation-submenu-label-font-weight: 600;
--p-navigation-item-padding: var(--menu-padding);
--p-navigation-item-border-radius: var(--p-border-radius-sm);
--p-navigation-item-gap: var(--menu-item-gap);
--p-navigation-list-padding: var(--menu-padding);
--p-navigation-list-gap: var(--menu-gap);
--p-navigation-submenu-icon-color: var(--menu-default-color);
--p-navigation-submenu-icon-focus-color: var(--menu-active-color);
--p-navigation-submenu-icon-active-color: var(--menu-active-color);
--p-navigation-submenu-label-background: var(--menu-default-background);
--p-navigation-submenu-label-color: var(--menu-default-color);
--p-navigation-item-focus-background: var(--menu-active-color);
--p-navigation-item-active-background: var(--menu-active-color);
--p-navigation-item-color: var(--menu-default-color);
--p-navigation-item-focus-color: var(--menu-active-color);
--p-navigation-item-active-color: var(--menu-active-color);
--p-navigation-item-icon-color: var(--menu-default-color);
--p-navigation-item-icon-focus-color: var(--menu-active-color);
--p-navigation-item-icon-active-color: var(--menu-active-color);
}