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

Fixed topbar positioning

Browse Source
This commit is contained in:
Grzegorz Leoniec 2019-02-19 13:54:59 +01:00
parent afe1890170
commit 92ee1448d7
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/LocaleSwitch.vue
View File

@ -12,11 +12,11 @@
@click.prevent="toggleMenu()"
>
<ds-icon
style="margin-top: -2px; margin-right: 2px;"
style="margin-right: 2px;"
name="globe"
/> {{ current.code.toUpperCase() }}
<ds-icon
style="margin-top: -2px; margin-left: 2px"
style="margin-left: 2px"
size="xx-small"
name="angle-down"
/>

17
layouts/default.vue
View File

@ -1,10 +1,11 @@
<template>
<div class="layout-default">
<div class="main-navigation">
<ds-container style="padding: .5rem 2rem .2rem; display: flex;">
<ds-container class="main-navigation-container">
<div class="main-navigation-left">
<a
v-router-link
style="display: inline-flex"
href="/"
>
<ds-logo />
@ -194,6 +195,8 @@ export default {
.topbar-locale-switch {
display: flex;
margin-right: $space-xx-small;
align-self: center;
display: inline-flex;
}
.main-navigation {
@ -202,12 +205,23 @@ export default {
}
}
.main-navigation-container {
padding: $space-x-small $space-large !important;
width: 100%;
align-items: center;
display: flex;
}
.main-navigation-left {
display: flex;
flex: 1;
width: 100%;
align-items: center;
}
.main-navigation-center {
display: flex;
flex: auto;
width: 100%;
padding-right: $space-large;
padding-left: $space-large;
@ -215,6 +229,7 @@ export default {
.main-navigation-right {
display: flex;
flex: 1;
}
.avatar-menu-trigger {