verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 87 Releases Wiki Activity

refs #5988 Added left space to subsection #76

Merged
alexm merged 2 commits from 6080-leftSpaceSubsection into dev 2023-08-09 10:11:37 +00:00
Conversation 0 Commits 2 Files Changed 4 +14 -1
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8d4faa270b - Show all commits

13
src/css/app.scss
View File

@ -30,3 +30,16 @@ body.body--light {
color: #555;
}
}
// Added left space to subsection
alexm commented 2023-08-09 05:36:04 +00:00
Outdated
Review
Copy Link

No hay que poner css global para esta tarea.
Seria mas correcto poner el css encesario en el componente que lo requiera.

En src/components/LeftMenuItem.vue

<QItem active-class="text-primary" :to="{ name: item.name }" clickable v-ripple>

Añadiendo la clase:
class="q-ml-md" (He puesto md por poner algo, pero creo que es lo que mejor queda)

Mas info:
https://quasar.dev/style/spacing#table-of-permutations

No hay que poner css global para esta tarea. Seria mas correcto poner el css encesario en el componente que lo requiera. En src/components/LeftMenuItem.vue ``` <QItem active-class="text-primary" :to="{ name: item.name }" clickable v-ripple> ``` Añadiendo la clase: `class="q-ml-md"` (He puesto md por poner algo, pero creo que es lo que mejor queda) Mas info: https://quasar.dev/style/spacing#table-of-permutations
.q-expansion-item__content {
padding-left: 15px;
}
.q-expansion-item--standard {
max-width: 256px;
}
// Reduced the space between the icon and the label in the left sidebar
.q-item__section.column.q-item__section--side.justify-center.q-item__section--avatar {
margin-right: -15px;
}

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

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