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 Topbar link positioning and language item

Browse Source
This commit is contained in:
Grzegorz Leoniec 2019-01-12 17:07:23 +01:00
parent 9f03ac3cd9
commit f7f6eeab39
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
1 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
layouts/default.vue
View File

@ -1,19 +1,21 @@
<template> <template>
<div class="layout-default"> <div class="layout-default">
<div class="main-navigation"> <div class="main-navigation">
<ds-container style="padding: .5rem 3rem .2rem;"> <ds-container style="padding: .5rem 2rem .2rem; display: flex;">
<a <div class="main-navigation-left">
v-router-link <a
href="/" v-router-link
> href="/"
<ds-logo /> >
</a> <ds-logo />
<div style="float: right"> </a>
</div>
<div class="main-navigation-right">
<no-ssr> <no-ssr>
<locale-switch <locale-switch
class="topbar-locale-switch" class="topbar-locale-switch"
placement="bottom" placement="bottom"
offset="24" offset="12"
/> />
</no-ssr> </no-ssr>
<template v-if="isLoggedIn"> <template v-if="isLoggedIn">
@ -33,6 +35,11 @@
:name="user.name" :name="user.name"
size="42" size="42"
/> />
<ds-icon
style="margin-left: -4px"
size="xx-small"
name="angle-down"
/>
</a> </a>
</template> </template>
<template <template
@ -137,15 +144,22 @@ export default {
<style lang="scss"> <style lang="scss">
.topbar-locale-switch { .topbar-locale-switch {
display: inline-block; display: flex;
top: 8px; margin-right: $space-small;
right: 10px;
position: relative;
} }
.avatar-menu { .avatar-menu {
float: right; float: right;
} }
.main-navigation-left {
display: flex;
margin-right: auto;
}
.main-navigation-right {
display: flex;
margin-left: auto;
}
.avatar-menu-trigger { .avatar-menu-trigger {
user-select: none; user-select: none;
} }