IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved Avatar menu

Browse Source
This commit is contained in:
Grzegorz Leoniec 2019-01-12 18:16:31 +01:00
parent c50c794e12
commit b59ff6a7f0
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
3 changed files with 34 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/styles/main.scss
View File

@ -146,3 +146,15 @@ hr {
transition-delay: 0;
}
}
[class$="menu-popover"] {
a, button {
display: flex;
align-content: center;
align-items: center;
.ds-icon {
padding-right: $space-xx-small;
}
}
}

1
components/LocaleSwitch.vue
View File

@ -101,6 +101,7 @@ nav.locale-menu-popover {
a {
padding: $space-x-small $space-small;
padding-right: $space-base;
}
}
</style>

27
layouts/default.vue
View File

@ -46,6 +46,7 @@
>
<div class="avatar-menu-popover">
{{ $t('login.hello') }} <b>{{ user.name }}</b>
<hr>
<ds-menu
:routes="routes"
:is-exact="isExact"
@ -60,10 +61,10 @@
<ds-icon :name="item.route.icon" /> {{ item.route.name }}
</ds-menu-item>
</ds-menu>
<ds-space margin="xx-small" />
<hr>
<nuxt-link
class="logout-link"
:to="{ name: 'logout'}"
style="margin-left: 0"
>
<ds-icon name="sign-out" /> {{ $t('login.logout') }}
</nuxt-link>
@ -166,11 +167,25 @@ export default {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
hr {
color: $color-neutral-90;
background-color: $color-neutral-90;
}
.logout-link {
margin-left: -$space-small;
margin-right: -$space-small;
margin-bottom: -$space-xx-small;
padding: $space-xx-small $space-small;
}
nav {
margin-left: -16px;
margin-right: -10px;
padding-top: 1rem;
padding-bottom: 1rem;
margin-left: -$space-small;
margin-right: -$space-small;
margin-top: -$space-xx-small;
margin-bottom: -$space-xx-small;
// padding-top: $space-xx-small;
// padding-bottom: $space-xx-small;
a {
padding-left: 12px;