profxadke/misskey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update index.vue

Browse source
This commit is contained in:
syuilo 2021-09-25 22:15:09 +09:00
parent 1301f94166
commit 879cc3b613
1 changed files with 47 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,10 +1,9 @@
<template> <template>
<div class="vvcocwet" :class="{ wide: !narrow }" ref="el"> <div class="vvcocwet" :class="{ wide: !narrow }" ref="el">
<div class="nav" v-if="!narrow || page == null"> <div class="nav" v-if="!narrow || page == null">
<FormBase>
<FormGroup> <FormGroup>
<div class="_formItem"> <div class="_debobigegoItem">
<div class="_formPanel lwjxoukj"> <div class="_debobigegoPanel lwjxoukj">
<MkAvatar :user="$i" class="avatar"/> <MkAvatar :user="$i" class="avatar"/>
</div> </div>
</div> </div>
@ -44,7 +43,6 @@
<FormGroup> <FormGroup>
<FormButton @click="logout" danger>{{ $ts.logout }}</FormButton> <FormButton @click="logout" danger>{{ $ts.logout }}</FormButton>
</FormGroup> </FormGroup>
</FormBase>
</div> </div>
<div class="main"> <div class="main">
<component :is="component" :key="page" @info="onInfo" v-bind="pageProps"/> <component :is="component" :key="page" @info="onInfo" v-bind="pageProps"/>
@ -55,11 +53,11 @@
<script lang="ts"> <script lang="ts">
import { computed, defineAsyncComponent, defineComponent, nextTick, onMounted, reactive, ref, watch } from 'vue'; import { computed, defineAsyncComponent, defineComponent, nextTick, onMounted, reactive, ref, watch } from 'vue';
import { i18n } from '@client/i18n'; import { i18n } from '@client/i18n';
import FormLink from '@client/components/form/link.vue'; import FormLink from './index.link.vue';
import FormGroup from '@client/components/form/group.vue'; import FormGroup from '@client/components/debobigego/group.vue';
import FormBase from '@client/components/form/base.vue'; import FormBase from '@client/components/debobigego/base.vue';
import FormButton from '@client/components/form/button.vue'; import FormButton from '@client/components/debobigego/button.vue';
import FormInfo from '@client/components/form/info.vue'; import FormInfo from '@client/components/debobigego/info.vue';
import { scroll } from '@client/scripts/scroll'; import { scroll } from '@client/scripts/scroll';
import { signout } from '@client/account'; import { signout } from '@client/account';
import { unisonReload } from '@client/scripts/unison-reload'; import { unisonReload } from '@client/scripts/unison-reload';
@ -210,14 +208,13 @@ export default defineComponent({
.vvcocwet { .vvcocwet {
&.wide { &.wide {
display: flex; display: flex;
max-width: 1100px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
height: 100%; height: 100%;
> .nav { > .nav {
width: 32%; width: 32%;
box-sizing: border-box; box-sizing: border-box;
border-right: solid 0.5px var(--divider);
overflow: auto; overflow: auto;
} }