moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

unify styling of timelines dropdown with other dropdown menus

This commit is contained in:
Henry Jameson 2022-06-27 19:10:18 +03:00
parent e59e10e077
commit 898b326f6c
1 changed files with 57 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
src/components/timeline_menu/timeline_menu_content.vue
View File

@ -1,66 +1,61 @@
<template> <template>
<ul> <div class="dropdown-menu">
<li v-if="currentUser"> <router-link
<router-link v-if="currentUser"
class="menu-item" class="dropdown-item button-default"
:to="{ name: 'friends' }" :to="{ name: 'friends' }"
> >
<FAIcon <FAIcon
fixed-width fixed-width
class="fa-scale-110 fa-old-padding " class="fa-scale-110 fa-old-padding "
icon="home" icon="home"
/>{{ $t("nav.home_timeline") }} />{{ $t("nav.home_timeline") }}
</router-link> </router-link>
</li> <router-link
<li v-if="currentUser || !privateMode"> v-if="currentUser || !privateMode"
<router-link class="dropdown-item button-default"
class="menu-item" :to="{ name: 'public-timeline' }"
:to="{ name: 'public-timeline' }" >
> <FAIcon
<FAIcon fixed-width
fixed-width class="fa-scale-110 fa-old-padding "
class="fa-scale-110 fa-old-padding " icon="users"
icon="users" />{{ $t("nav.public_tl") }}
/>{{ $t("nav.public_tl") }} </router-link>
</router-link> <router-link
</li> v-if="federating && (currentUser || !privateMode)"
<li v-if="federating && (currentUser || !privateMode)"> class="dropdown-item button-default"
<router-link :to="{ name: 'public-external-timeline' }"
class="menu-item" >
:to="{ name: 'public-external-timeline' }" <FAIcon
> fixed-width
<FAIcon class="fa-scale-110 fa-old-padding "
fixed-width icon="globe"
class="fa-scale-110 fa-old-padding " />{{ $t("nav.twkn") }}
icon="globe" </router-link>
/>{{ $t("nav.twkn") }} <router-link
</router-link> v-if="currentUser"
</li> class="dropdown-item button-default"
<li v-if="currentUser"> :to="{ name: 'bookmarks'}"
<router-link >
class="menu-item" <FAIcon
:to="{ name: 'bookmarks'}" fixed-width
> class="fa-scale-110 fa-old-padding "
<FAIcon icon="bookmark"
fixed-width />{{ $t("nav.bookmarks") }}
class="fa-scale-110 fa-old-padding " </router-link>
icon="bookmark" <router-link
/>{{ $t("nav.bookmarks") }} v-if="currentUser"
</router-link> class="dropdown-item button-default"
</li> :to="{ name: 'dms', params: { username: currentUser.screen_name } }"
<li v-if="currentUser"> >
<router-link <FAIcon
class="menu-item" fixed-width
:to="{ name: 'dms', params: { username: currentUser.screen_name } }" class="fa-scale-110 fa-old-padding "
> icon="envelope"
<FAIcon />{{ $t("nav.dms") }}
fixed-width </router-link>
class="fa-scale-110 fa-old-padding " </div>
icon="envelope"
/>{{ $t("nav.dms") }}
</router-link>
</li>
</ul>
</template> </template>
<script src="./timeline_menu_content.js" ></script> <script src="./timeline_menu_content.js" ></script>