wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

Merge pull request 'refs #5988 Added left space to subsection' (!76) from 6080-leftSpaceSubsection into dev 

Reviewed-on: verdnatura/salix-front#76
Reviewed-by: Alex Moreno <alexm@verdnatura.es>
This commit is contained in:
Alex Moreno 2023-08-09 10:11:35 +00:00
parent 68935f2a4d 6d2436c9f7
commit d4c82073f8
4 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/LeftMenu.vue
View File

@ -115,7 +115,7 @@ async function togglePinned(item, event) {
</script> </script>
<template> <template>
<QList padding> <QList padding class="column-max-width">
<template v-if="$props.source === 'main'"> <template v-if="$props.source === 'main'">
<QItemLabel header> <QItemLabel header>
{{ t('globals.pinnedModules') }} {{ t('globals.pinnedModules') }}
@ -207,4 +207,7 @@ async function togglePinned(item, event) {
.pinned:hover .q-btn { .pinned:hover .q-btn {
visibility: visible; visibility: visible;
} }
.column-max-width {
max-width: 256px;
}
</style> </style>

2
src/components/LeftMenuItem.vue
View File

@ -14,7 +14,7 @@ const props = defineProps({
const item = computed(() => props.item); // eslint-disable-line vue/no-dupe-keys const item = computed(() => props.item); // eslint-disable-line vue/no-dupe-keys
</script> </script>
<template> <template>
<QItem active-class="text-primary" :to="{ name: item.name }" clickable v-ripple> <QItem active-class="text-primary" :to="{ name: item.name }" clickable class="q-ml-md" v-ripple>
<QItemSection avatar v-if="item.icon"> <QItemSection avatar v-if="item.icon">
<QIcon :name="item.icon" /> <QIcon :name="item.icon" />
</QItemSection> </QItemSection>

2
src/css/quasar.variables.scss
View File

@ -12,7 +12,7 @@
// to match your app's branding. // to match your app's branding.
// Tip: Use the "Theme Builder" on Quasar's documentation website. // Tip: Use the "Theme Builder" on Quasar's documentation website.
$primary: #ff9800; $primary: #ec8916;
$secondary: #26a69a; $secondary: #26a69a;
$accent: #9c27b0; $accent: #9c27b0;