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>