YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

add icon margin on menu list views instead

Browse source
This commit is contained in:
axolotle 2021-04-09 21:34:07 +02:00
parent e2cdaa10be
commit 166e062f3b
3 changed files with 6 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/src/scss/main.scss
View file

@ -33,13 +33,11 @@ body {
min-height: 100vh
}
.menu-list {
.list-group-item {
.menu-list .list-group-item {
padding: $list-group-item-padding-y 0;
display: flex;
align-items: center;
}
}
// Bootstrap overrides
@ -114,10 +112,6 @@ body {
top: 2px;
}
.list-group-item .icon {
margin-left: 0.3rem;
}
// Fork-awesome overrides
.fa-fw {
width: 1.25em !important;

2
app/src/views/Home.vue
View file

@ -6,7 +6,7 @@
:key="item.routeName"
:to="{ name: item.routeName }"
>
<icon :iname="item.icon" class="lg" />
<icon :iname="item.icon" class="lg ml-1" />
<h4>{{ $t(item.translation) }}</h4>
<icon iname="chevron-right" class="lg fs-sm ml-auto" />
</b-list-group-item>

2
app/src/views/tool/ToolList.vue
View file

@ -6,7 +6,7 @@
:key="item.routeName"
:to="{name: item.routeName}"
>
<icon :iname="item.icon" class="lg" />
<icon :iname="item.icon" class="lg ml-1" />
<h4>{{ $t(item.translation) }}</h4>
<icon iname="chevron-right" class="lg fs-sm ml-auto" />
</b-list-group-item>