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

mobile menu navbar menu button z-index1000

Browse Source
This commit is contained in:
ogerly 2022-12-07 13:56:14 +01:00
parent 00c5a282cc
commit 7c1f37d24c
3 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/Menu/Navbar.vue
View File

@ -1,9 +1,9 @@
<template>
<div class="navbar-component position-sticky">
<b-navbar toggleable="lg" class="pr-4">
<b-navbar-brand>
<b-navbar-brand class="zindex1000">
<b-img
class="imgLogo ml--3 mt-lg--2 mt-3 p-2 mb-3 zindex1000 d-none d-lg-block"
class="imgLogo ml--3 mt-lg--2 mt-3 p-2 mb-3 d-none d-lg-block"
:src="logo"
width="200"
alt="..."

13
frontend/src/components/Menu/Sidebar.vue
View File

@ -103,10 +103,15 @@ export default {
color: red;
} */
#component-sidebar {
min-width: 53px;
max-width: 210px;
min-width: 200px;
}
#side-menu {
max-width: 210px;
@media screen and (max-width: 1024px) {
#side-menu {
max-width: 100%;
}
#component-sidebar {
max-width: 100%;
}
}
</style>

6
frontend/src/components/MobileSidebar/MobileSidebar.vue
View File

@ -12,6 +12,12 @@
</div>
</div>
</template>
<template #footer>
<div class="d-flex bg-light">
<strong class="mr-auto p-2">{{ $t('send_gdd') }}</strong>
<b-button to="/send"> <b-icon icon="arrow-right"></b-icon></b-button>
</div>
</template>
</b-sidebar>
</div>
</template>