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

update icon to display at small size by default

Browse source
This commit is contained in:
Axolotle 2020-07-14 19:48:16 +02:00
parent af244e109c
commit a0eabf36a8
3 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/src/App.vue
View file

@ -6,12 +6,12 @@
<b-navbar-nav class="ml-auto">
<li class="nav-item">
<b-button href="/yunohost/sso" variant="primary" block size="sm">
{{ $t('user_interface_link') }} <icon iname="user" class="sm"/>
{{ $t('user_interface_link') }} <icon iname="user"/>
</b-button>
</li>
<li class="nav-item" v-show="connected">
<b-button @click.prevent="logout" to="/logout" variant="outline-dark" block size="sm" >
{{ $t('logout') }} <icon iname="sign-out" class="sm"/>
{{ $t('logout') }} <icon iname="sign-out"/>
</b-button>
</li>
</b-navbar-nav>
@ -26,13 +26,13 @@
<nav>
<b-nav>
<b-nav-item href="https://yunohost.org/docs" target="_blank" link-classes='text-secondary'>
<icon iname="book" class="sm"/> Documentation
<icon iname="book"/> Documentation
</b-nav-item>
<b-nav-item href="https://yunohost.org/help" target="_blank" link-classes='text-secondary'>
<icon iname="life-ring" class="sm"/> Need help?
<icon iname="life-ring"/> Need help?
</b-nav-item>
<b-nav-item href="https://donate.yunohost.org/" target="_blank" link-classes='text-secondary'>
<icon iname="heart" class="sm"/> Donate
<icon iname="heart"/> Donate
</b-nav-item>
<i18n v-if="yunohostInfos" path="footer_version" tag="b-nav-text" class="ml-auto" id="yunohost-version">
<template v-slot:ynh><b-link href="https://yunohost.org">YunoHost</b-link></template>
@ -103,7 +103,7 @@ export default {
header {
border-bottom: 1px solid #eee;
margin-top: 1rem;
margin-bottom: 2rem;
margin-bottom: 1rem;
.navbar {
padding: 1rem 0;
@ -133,7 +133,7 @@ footer {
margin-top: 2rem;
.nav-item {
&:not(:first-child) a::before {
& + .nav-item a::before {
content: "•";
width: 1rem;
display: inline-block;

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

@ -11,12 +11,13 @@ export default {
<style lang="scss" scoped>
.icon {
font-size: 1.5rem;
width: 3rem;
font-size: 1rem;
width: 1rem;
text-align: center;
&.sm {
width: 1rem;
font-size: 1rem;
&.lg {
width: 3rem;
font-size: 1.5rem;
}
&.fs-sm {

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

@ -2,9 +2,9 @@
<div class="home">
<b-list-group>
<b-list-group-item v-for="item in menu" :key="item.id" :to="item.uri">
<icon :iname="item.icon" class="fa-fw"/>
<icon :iname="item.icon" class="lg"/>
<h2>{{ $t(item.translation) }}</h2>
<icon iname="chevron-right" class="fa-fw fs-sm ml-auto"/>
<icon iname="chevron-right" class="lg fs-sm ml-auto"/>
</b-list-group-item>
</b-list-group>
</div>