This commit is contained in:
ogerly 2022-10-21 12:24:38 +02:00
parent 5f89017cea
commit ef316d5c36

View File

@ -107,7 +107,7 @@
<!-- hamburger button --> <!-- hamburger button -->
<ds-flex-item class="mobile-hamburger-menu"> <ds-flex-item class="mobile-hamburger-menu">
<client-only> <client-only>
<div style="display: inline-flex; padding-right: 20px;"> <div style="display: inline-flex; padding-right: 20px">
<notification-menu /> <notification-menu />
</div> </div>
</client-only> </client-only>
@ -142,12 +142,18 @@
<locale-switch class="topbar-locale-switch" placement="top" offset="8" /> <locale-switch class="topbar-locale-switch" placement="top" offset="8" />
</ds-flex-item> </ds-flex-item>
<!-- invite-button mobile--> <!-- invite-button mobile-->
<ds-flex-item :class="{ 'hide-mobile-menu': !toggleMobileMenu }" style="text-align: center;"> <ds-flex-item
:class="{ 'hide-mobile-menu': !toggleMobileMenu }"
style="text-align: center"
>
<client-only> <client-only>
<invite-button placement="top" /> <invite-button placement="top" />
</client-only> </client-only>
</ds-flex-item> </ds-flex-item>
<ds-flex-item :class="{ 'hide-mobile-menu': !toggleMobileMenu }" style="text-align: end;"> <ds-flex-item
:class="{ 'hide-mobile-menu': !toggleMobileMenu }"
style="text-align: end"
>
<client-only> <client-only>
<!-- avatar-menu mobile--> <!-- avatar-menu mobile-->
<avatar-menu placement="top" /> <avatar-menu placement="top" />
@ -254,7 +260,7 @@ export default {
}, },
showMobileMenu() { showMobileMenu() {
return this.windowWidth < 810 return this.windowWidth < 810
} },
}, },
methods: { methods: {
toggleMobileMenuView() { toggleMobileMenuView() {
@ -317,7 +323,6 @@ export default {
.dynamic-branding-mobil, .dynamic-branding-mobil,
.dynamic-footer-mobil { .dynamic-footer-mobil {
line-height: 30px; line-height: 30px;
font-size: large; font-size: large;
} }
@ -336,10 +341,8 @@ export default {
.hide-mobile-menu { .hide-mobile-menu {
display: none; display: none;
} }
} }
@media only screen and (min-width: 810px) { @media only screen and (min-width: 810px) {
.main-navigation-right { .main-navigation-right {
width: 100%; width: 100%;
} }