feat: style experiments
This commit is contained in:
parent
1ff584bf8b
commit
fc48f8b90c
24 changed files with 37 additions and 35 deletions
|
@ -21,7 +21,7 @@ onReactivated(() => {
|
|||
<template>
|
||||
<MainContent back>
|
||||
<template #title>
|
||||
<ContentRich text-lg font-bold :content="account ? getDisplayName(account) : t('nav.profile')" />
|
||||
<ContentRich timeline-title-style :content="account ? getDisplayName(account) : t('nav.profile')" />
|
||||
</template>
|
||||
|
||||
<template v-if="pending" />
|
||||
|
|
|
@ -28,7 +28,7 @@ const tabs = $computed(() => [
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<span text-lg font-bold flex items-center gap-2 cursor-pointer @click="$scrollToTop">
|
||||
<span timeline-title-style flex items-center gap-2 cursor-pointer @click="$scrollToTop">
|
||||
<div i-ri:hashtag />
|
||||
<span>{{ t('nav.explore') }}</span>
|
||||
</span>
|
||||
|
|
|
@ -11,7 +11,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<NuxtLink to="/public" text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<NuxtLink to="/public" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:group-2-line />
|
||||
<span>{{ t('title.federated_timeline') }}</span>
|
||||
</NuxtLink>
|
||||
|
|
|
@ -10,7 +10,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<NuxtLink to="/public/local" text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<NuxtLink to="/public/local" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:group-2-line />
|
||||
<span>{{ t('title.local_timeline') }}</span>
|
||||
</NuxtLink>
|
||||
|
|
|
@ -13,7 +13,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent back>
|
||||
<template #title>
|
||||
<span text-lg font-bold>{{ $t('nav.blocked_users') }}</span>
|
||||
<span timeline-title-style>{{ $t('nav.blocked_users') }}</span>
|
||||
</template>
|
||||
|
||||
<TimelineBlocks v-if="isMastoInitialised" />
|
||||
|
|
|
@ -13,7 +13,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<NuxtLink to="/bookmarks" text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<NuxtLink to="/bookmarks" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:bookmark-line />
|
||||
<span>{{ t('nav.bookmarks') }}</span>
|
||||
</NuxtLink>
|
||||
|
|
|
@ -13,7 +13,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<NuxtLink to="/conversations" text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<NuxtLink to="/conversations" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:at-line />
|
||||
<span>{{ t('nav.conversations') }}</span>
|
||||
</NuxtLink>
|
||||
|
|
|
@ -13,7 +13,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent back>
|
||||
<template #title>
|
||||
<span text-lg font-bold>{{ $t('nav.blocked_domains') }}</span>
|
||||
<span timeline-title-style>{{ $t('nav.blocked_domains') }}</span>
|
||||
</template>
|
||||
|
||||
<TimelineDomainBlocks v-if="isMastoInitialised" />
|
||||
|
|
|
@ -13,7 +13,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<NuxtLink to="/favourites" text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<NuxtLink to="/favourites" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:heart-3-line />
|
||||
<span>{{ t('nav.favourites') }}</span>
|
||||
</NuxtLink>
|
||||
|
|
|
@ -15,7 +15,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<NuxtLink to="/home" text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<NuxtLink to="/home" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:home-5-line />
|
||||
<span>{{ $t('nav.home') }}</span>
|
||||
</NuxtLink>
|
||||
|
|
|
@ -13,7 +13,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent back>
|
||||
<template #title>
|
||||
<span text-lg font-bold>{{ $t('nav.muted_users') }}</span>
|
||||
<span timeline-title-style>{{ $t('nav.muted_users') }}</span>
|
||||
</template>
|
||||
|
||||
<TimelineMutes v-if="isMastoInitialised" />
|
||||
|
|
|
@ -28,7 +28,7 @@ onActivated(() => {
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<NuxtLink to="/notifications" text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<NuxtLink to="/notifications" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:notification-4-line />
|
||||
<span>{{ t('nav.notifications') }}</span>
|
||||
</NuxtLink>
|
||||
|
|
|
@ -13,7 +13,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<NuxtLink to="/public/pinned" text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<NuxtLink to="/public/pinned" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:pushpin-line />
|
||||
<span>{{ t('account.pinned') }}</span>
|
||||
</NuxtLink>
|
||||
|
|
|
@ -10,7 +10,7 @@ useHeadFixed({
|
|||
<template>
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<NuxtLink to="/search" text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<NuxtLink to="/search" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:search-line class="rtl-flip" />
|
||||
<span>{{ $t('nav.search') }}</span>
|
||||
</NuxtLink>
|
||||
|
|
|
@ -20,7 +20,7 @@ const isRootPath = computedEager(() => route.name === 'settings')
|
|||
<div border="e base" :class="isRootPath ? 'block lg:flex-none flex-1' : 'hidden lg:block'">
|
||||
<MainContent>
|
||||
<template #title>
|
||||
<div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
|
||||
<div timeline-title-style flex items-center gap-2 @click="$scrollToTop">
|
||||
<div i-ri:settings-3-line />
|
||||
<span>{{ $t('nav.settings') }}</span>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue