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

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

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

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

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

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

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