FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Fix tab bar on profile page

Browse source
This commit is contained in:
silverpill 2022-07-29 11:04:24 +00:00
parent 2fcbb6ad50
commit 2bcd8fc786
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/router/index.ts
View file

@ -105,7 +105,7 @@ const routes: Array<RouteRecordRaw> = [
path: "/profile/:profileId/:tabName",
name: "profile-tab",
component: ProfileView,
meta: { onlyAuthenticated: true },
meta: { },
},
{
path: "/profile/:profileId/subscription",

9
src/views/Profile.vue
View file

@ -165,8 +165,8 @@
Posts with replies
</router-link>
</template>
<template v-else-if="tabName === 'followers'">Followers</template>
<template v-else-if="tabName === 'following'">Following</template>
<span v-else-if="tabName === 'followers'" class="active">Followers</span>
<span v-else-if="tabName === 'following'" class="active">Following</span>
</div>
<post-list
v-if="tabName === 'posts' || tabName === 'posts-with-replies'"
@ -650,11 +650,12 @@ $avatar-size: 170px;
display: flex;
margin-bottom: $block-outer-padding;
a {
a,
span {
border-radius: $block-border-radius;
padding: $block-inner-padding / 2;
text-align: center;
width: 50%;
width: 100%;
&.active {
background-color: $block-background-color;