ui: move account settings link under profile

zio/stable
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 command?: boolean
disabled?: boolean disabled?: boolean
external?: true external?: true
large?: true
}>() }>()
const router = useRouter() const router = useRouter()
@ -55,7 +56,10 @@ useCommand({
:class="$slots.description ? 'w-12 h-12' : ''" :class="$slots.description ? 'w-12 h-12' : ''"
> >
<slot name="icon"> <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> </slot>
</div> </div>
<div space-y-1> <div space-y-1>

View File

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

View File

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

View File

@ -46,14 +46,6 @@ const isRootPath = computedEager(() => route.name === 'settings')
:text="$t('settings.notifications_settings')" :text="$t('settings.notifications_settings')"
to="/settings/notifications" 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 <SettingsItem
command command
icon="i-ri-globe-line" icon="i-ri-globe-line"

View File

@ -19,18 +19,27 @@ useHeadFixed({
</template> </template>
<SettingsItem <SettingsItem
command command large
icon="i-ri:user-settings-line" icon="i-ri:user-settings-line"
:text="$t('settings.profile.appearance.label')" :text="$t('settings.profile.appearance.label')"
:description="$t('settings.profile.appearance.description')" :description="$t('settings.profile.appearance.description')"
to="/settings/profile/appearance" to="/settings/profile/appearance"
/> />
<SettingsItem <SettingsItem
command command large
icon="i-ri:hashtag" icon="i-ri:hashtag"
:text="$t('settings.profile.featured_tags.label')" :text="$t('settings.profile.featured_tags.label')"
:description="$t('settings.profile.featured_tags.description')" :description="$t('settings.profile.featured_tags.description')"
to="/settings/profile/featured-tags" 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> </MainContent>
</template> </template>