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