feat: move nav footer items to settings

This commit is contained in:
Anthony Fu 2022-12-28 00:03:50 +01:00
parent 378ba25997
commit 12942095de
15 changed files with 101 additions and 119 deletions

View file

@ -9,13 +9,15 @@ const { lg } = breakpoints
<span>{{ $t('settings.interface.label') }}</span>
</div>
</template>
<div text-center mt-10>
<h1 text-4xl>
🚧
</h1>
<h3 text-xl>
{{ $t('settings.interface.label') }}
</h3>
<div p6 flex="~ col gap6">
<label space-y-2>
<p font-medium>{{ $t('settings.interface.font_size') }}</p>
<SettingsFontSize select-settings />
</label>
<label space-y-2>
<p font-medium>{{ $t('settings.interface.color_mode') }}</p>
<SettingsColorMode />
</label>
</div>
</MainContent>
</template>

View file

@ -9,13 +9,11 @@ const { lg } = breakpoints
<span>{{ $t('settings.language.label') }}</span>
</div>
</template>
<div text-center mt-10>
<h1 text-4xl>
🚧
</h1>
<h3 text-xl>
{{ $t('settings.language.label') }}
</h3>
<div p6>
<label space-y-2>
<p font-medium>{{ $t('settings.language.display_language') }}</p>
<SettingsLanguage select-settings />
</label>
</div>
</MainContent>
</template>

View file

@ -13,29 +13,29 @@ const { lg } = breakpoints
<div i-ri-flask-line />
{{ $t('settings.feature_flags.title') }}
</h3>
<SettingsToggle
<SettingsToggleItem
:checked="currentUserFeatureFlags.experimentalVirtualScroll"
@click="toggleFeatureFlag('experimentalVirtualScroll')"
>
{{ $t('settings.feature_flags.virtual_scroll') }}
</SettingsToggle>
<SettingsToggle
</SettingsToggleItem>
<SettingsToggleItem
:checked="currentUserFeatureFlags.experimentalAvatarOnAvatar"
@click="toggleFeatureFlag('experimentalAvatarOnAvatar')"
>
{{ $t('settings.feature_flags.avatar_on_avatar') }}
</SettingsToggle>
<SettingsToggle
</SettingsToggleItem>
<SettingsToggleItem
:checked="currentUserFeatureFlags.experimentalGitHubCards"
@click="toggleFeatureFlag('experimentalGitHubCards')"
>
{{ $t('settings.feature_flags.github_cards') }}
</SettingsToggle>
<SettingsToggle
</SettingsToggleItem>
<SettingsToggleItem
:checked="currentUserFeatureFlags.experimentalUserPicker"
@click="toggleFeatureFlag('experimentalUserPicker')"
>
{{ $t('settings.feature_flags.user_picker') }}
</SettingsToggle>
</SettingsToggleItem>
</MainContent>
</template>

View file

@ -69,7 +69,7 @@ async function importTokens() {
<span>{{ $t('settings.users.label') }}</span>
</div>
</template>
<div p4>
<div p6>
<template v-if="loggedInUsers.length">
<div flex="~ col gap2">
<div v-for="user of loggedInUsers" :key="user.account.id">