ui: move account settings link under profile

This commit is contained in:
Anthony Fu 2023-01-05 09:59:49 +01:00
parent bd1b9fb5c8
commit d279d618a5
5 changed files with 23 additions and 13 deletions

View file

@ -8,6 +8,7 @@ const props = defineProps<{
command?: boolean
disabled?: boolean
external?: true
large?: true
}>()
const router = useRouter()
@ -55,7 +56,10 @@ useCommand({
:class="$slots.description ? 'w-12 h-12' : ''"
>
<slot name="icon">
<div v-if="icon" :class="icon" md:text-size-inherit text-xl />
<div
v-if="icon"
:class="[icon, large ? 'text-xl mr-1' : 'text-xl md:text-size-inherit']"
/>
</slot>
</div>
<div space-y-1>

View file

@ -196,7 +196,10 @@
"about": {
"label": "About"
},
"account_settings": "Account settings",
"account_settings": {
"description": "Edit your account settings in Mastodon UI",
"label": "Account settings"
},
"feature_flags": {
"github_cards": "GitHub Cards",
"title": "Experimental Features",

View file

@ -187,7 +187,9 @@
"about": {
"label": "关于"
},
"account_settings": "账号设置",
"account_settings": {
"label": "账号设置"
},
"feature_flags": {
"github_cards": "GitHub 卡片",
"title": "实验功能",

View file

@ -46,14 +46,6 @@ const isRootPath = computedEager(() => route.name === 'settings')
:text="$t('settings.notifications_settings')"
to="/settings/notifications"
/>
<SettingsItem
v-if="isHydrated && currentUser"
command
icon="i-ri:settings-line"
:text="$t('settings.account_settings')"
:to="`https://${currentUser!.server}/auth/edit`"
external target="_blank"
/>
<SettingsItem
command
icon="i-ri-globe-line"

View file

@ -19,18 +19,27 @@ useHeadFixed({
</template>
<SettingsItem
command
command large
icon="i-ri:user-settings-line"
:text="$t('settings.profile.appearance.label')"
:description="$t('settings.profile.appearance.description')"
to="/settings/profile/appearance"
/>
<SettingsItem
command
command large
icon="i-ri:hashtag"
:text="$t('settings.profile.featured_tags.label')"
:description="$t('settings.profile.featured_tags.description')"
to="/settings/profile/featured-tags"
/>
<SettingsItem
v-if="isHydrated && currentUser"
command large
icon="i-ri:settings-line"
:text="$t('settings.account_settings.label')"
:description="$t('settings.account_settings.description')"
:to="`https://${currentUser!.server}/auth/edit`"
external target="_blank"
/>
</MainContent>
</template>