feat: style experiments

This commit is contained in:
patak 2023-01-05 00:17:30 +01:00
parent 1ff584bf8b
commit fc48f8b90c
24 changed files with 37 additions and 35 deletions

View file

@ -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" />

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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" />

View file

@ -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>

View file

@ -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>

View file

@ -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" />

View file

@ -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>

View file

@ -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>

View file

@ -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" />

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>