ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2026-01-20 20:01:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

improved navigation and made profile top navigation sticky

Browse Source
This commit is contained in:
Grzegorz Leoniec 2018-11-13 13:04:52 +01:00
parent 555bf58ae1
commit 3571ab66b8
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
layouts/default.vue
View File

@ -32,7 +32,8 @@
Hallo {{ user.name }}
<ds-menu
:routes="routes"
style="margin-left: -15px; margin-right: -15px; padding-top: 1rem; padding-bottom: 1rem;"/>
style="margin-left: -15px; margin-right: -15px; padding-top: 1rem; padding-bottom: 1rem;"
@click.native="toggleMenu"/>
<ds-space margin="xx-small" />
<nuxt-link :to="{ name: 'logout'}">Logout</nuxt-link>
</div>

8
pages/profile/_slug.vue
View File

@ -161,7 +161,7 @@
<ds-flex
:width="{ base: '100%' }"
gutter="small">
<ds-flex-item>
<ds-flex-item class="profile-top-navigation">
<ds-card class="ds-tab-nav">
<ds-flex>
<ds-flex-item class="ds-tab-nav-item ds-tab-nav-item-active">
@ -341,6 +341,12 @@ export default {
border: #fff 5px solid;
}
.profile-top-navigation {
position: sticky;
top: 53px;
z-index: 1;
}
.ds-tab-nav {
.ds-card-content {
padding: 0 !important;