Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve client

Browse source
This commit is contained in:
syuilo 2021-04-23 13:01:52 +09:00
parent d61a74fb88
commit 70a8dd30e0
7 changed files with 187 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/client/pages/settings/index.vue
View file

@ -2,6 +2,14 @@
<div class="vvcocwet" :class="{ wide: !narrow }" ref="el">
<div class="nav" v-if="!narrow || page == null">
<FormBase>
<FormGroup>
<div class="_formItem">
<div class="_formPanel lwjxoukj">
<MkAvatar :user="$i" class="avatar"/>
</div>
</div>
<FormLink :active="page === 'accounts'" replace to="/settings/accounts"><template #icon><i class="fas fa-users"></i></template>{{ $ts.accounts }}</FormLink>
</FormGroup>
<FormGroup>
<template #label>{{ $ts.basicSettings }}</template>
<FormLink :active="page === 'profile'" replace to="/settings/profile"><template #icon><i class="fas fa-user"></i></template>{{ $ts.profile }}</FormLink>
@ -87,6 +95,7 @@ export default defineComponent({
const component = computed(() => {
if (page.value == null) return null;
switch (page.value) {
case 'accounts': return defineAsyncComponent(() => import('./accounts.vue'));
case 'profile': return defineAsyncComponent(() => import('./profile.vue'));
case 'privacy': return defineAsyncComponent(() => import('./privacy.vue'));
case 'reaction': return defineAsyncComponent(() => import('./reaction.vue'));
@ -209,4 +218,15 @@ export default defineComponent({
}
}
}
.lwjxoukj {
padding: 16px;
> .avatar {
display: block;
margin: auto;
width: 42px;
height: 42px;
}
}
</style>