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

removed useless list component

Browse source
This commit is contained in:
Axolotle 2020-07-12 19:20:18 +02:00
parent 88d7b736e2
commit af244e109c
3 changed files with 21 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
app/src/components/ListGroupItem.vue
View file

@ -1,30 +0,0 @@
<template>
<b-list-group-item v-bind:to="uri">
<icon v-bind:iname="icon" class="fa-fw"/>
<h2><slot></slot></h2>
<icon iname="chevron-right" class="fa-fw fs-sm ml-auto"/>
</b-list-group-item>
</template>
<script>
export default {
props: {
uri: String,
icon: String,
}
}
</script>
<style lang="scss" scoped>
.list-group-item {
padding: 0.75rem 0;
display: flex;
align-items: center;
}
h2 {
font-size: 1.25rem;
font-weight: 400;
margin: 0;
}
</style>

6
app/src/components/globals/Icon.vue
View file

@ -1,13 +1,11 @@
<template> <template>
<span v-bind:class="'icon fa fa-' + iname" aria-hidden="true"></span> <span :class="'icon fa fa-' + iname" aria-hidden="true"></span>
</template> </template>
<script> <script>
export default { export default {
name: 'icon', name: 'icon',
props: { props: ['iname'],
iname: String,
}
} }
</script> </script>

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

@ -1,19 +1,16 @@
<template> <template>
<div class="home"> <div class="home">
<b-list-group> <b-list-group>
<list-group-item <b-list-group-item v-for="item in menu" :key="item.id" :to="item.uri">
v-for="item in menu" <icon :iname="item.icon" class="fa-fw"/>
v-bind:key="item.id" <h2>{{ $t(item.translation) }}</h2>
v-bind:uri="item.uri" <icon iname="chevron-right" class="fa-fw fs-sm ml-auto"/>
v-bind:icon="item.icon" </b-list-group-item>
>{{ $t(item.translation) }}</list-group-item>
</b-list-group> </b-list-group>
</div> </div>
</template> </template>
<script> <script>
import ListGroupItem from '@/components/ListGroupItem'
export default { export default {
name: 'Home', name: 'Home',
data: () => { data: () => {
@ -30,8 +27,19 @@ export default {
] ]
} }
}, },
components: {
ListGroupItem
}
} }
</script> </script>
<style lang="scss" scoped>
.list-group-item {
padding: 0.75rem 0;
display: flex;
align-items: center;
}
h2 {
font-size: 1.25rem;
font-weight: 400;
margin: 0;
}
</style>