sendnrw/misskey
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor

Browse Source
This commit is contained in:
syuilo
2022-12-30 13:37:14 +09:00
parent 254fede524
commit 632c7d2ac6
38 changed files with 90 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/src/pages/_error_.vue
View File

@@ -1,6 +1,6 @@
<template>
<MkLoading v-if="!loaded"/>
<transition :name="$store.state.animation ? 'zoom' : ''" appear>
<Transition :name="$store.state.animation ? 'zoom' : ''" appear>
<div v-show="loaded" class="mjndxjch">
<img src="https://xn--931a.moe/assets/error.jpg" class="_ghost"/>
<p><b><i class="ti ti-alert-triangle"></i> {{ i18n.ts.pageLoadError }}</b></p>
@@ -14,7 +14,7 @@
<p><MkA to="/docs/general/troubleshooting" class="_link">{{ i18n.ts.troubleshooting }}</MkA></p>
<p v-if="error" class="error">ERROR: {{ error }}</p>
</div>
</transition>
</Transition>
</template>
<script lang="ts" setup>

4
packages/frontend/src/pages/admin/overview.instances.vue
View File

@@ -1,13 +1,13 @@
<template>
<div class="wbrkwale">
<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<Transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<MkLoading v-if="fetching"/>
<div v-else class="instances">
<MkA v-for="(instance, i) in instances" :key="instance.id" v-tooltip.mfm.noDelay="`${instance.name}\n${instance.host}\n${instance.softwareName} ${instance.softwareVersion}`" :to="`/instance-info/${instance.host}`" class="instance">
<MkInstanceCardMini :instance="instance"/>
</MkA>
</div>
</transition>
</Transition>
</div>
</template>

4
packages/frontend/src/pages/admin/overview.moderators.vue
View File

@@ -1,13 +1,13 @@
<template>
<div>
<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<Transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<MkLoading v-if="fetching"/>
<div v-else :class="$style.root" class="_panel">
<MkA v-for="user in moderators" :key="user.id" class="user" :to="`/user-info/${user.id}`">
<MkAvatar :user="user" class="avatar" :show-indicator="true" :disable-link="true"/>
</MkA>
</div>
</transition>
</Transition>
</div>
</template>

4
packages/frontend/src/pages/admin/overview.stats.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<Transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<MkLoading v-if="fetching"/>
<div v-else :class="$style.root">
<div class="item _panel users">
@@ -42,7 +42,7 @@
</div>
</div>
</div>
</transition>
</Transition>
</div>
</template>

4
packages/frontend/src/pages/admin/overview.users.vue
View File

@@ -1,13 +1,13 @@
<template>
<div :class="$style.root">
<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<Transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<MkLoading v-if="fetching"/>
<div v-else class="users">
<MkA v-for="(user, i) in newUsers" :key="user.id" :to="`/user-info/${user.id}`" class="user">
<MkUserCardMini :user="user"/>
</MkA>
</div>
</transition>
</Transition>
</div>
</template>

4
packages/frontend/src/pages/gallery/post.vue
View File

@@ -3,7 +3,7 @@
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :content-max="1000" :margin-min="16" :margin-max="32">
<div class="_root">
<transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
<Transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
<div v-if="post" class="rkxwuolj">
<div class="files">
<div v-for="file in post.files" :key="file.id" class="file">
@@ -48,7 +48,7 @@
</div>
<MkError v-else-if="error" @retry="fetch()"/>
<MkLoading v-else/>
</transition>
</Transition>
</div>
</MkSpacer>
</MkStickyContainer>

4
packages/frontend/src/pages/messaging/messaging-room.vue
View File

@@ -38,11 +38,11 @@
</I18n>
<MkEllipsis/>
</div>
<transition :name="animation ? 'fade' : ''">
<Transition :name="animation ? 'fade' : ''">
<div v-show="showIndicator" class="new-message">
<button class="_buttonPrimary" @click="onIndicatorClick"><i class="fas ti-fw fa-arrow-circle-down"></i>{{ i18n.ts.newMessageExists }}</button>
</div>
</transition>
</Transition>
<XForm v-if="!fetching" ref="formEl" :user="user" :group="group" class="form"/>
</footer>
</div>

8
packages/frontend/src/pages/my-lists/list.vue
View File

@@ -3,7 +3,7 @@
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :content-max="700">
<div class="mk-list-page">
<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<Transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<div v-if="list" class="_section">
<div class="_content">
<MkButton inline @click="addUser()">{{ i18n.ts.addUser }}</MkButton>
@@ -11,9 +11,9 @@
<MkButton inline @click="deleteList()">{{ i18n.ts.delete }}</MkButton>
</div>
</div>
</transition>
</Transition>
<transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<Transition :name="$store.state.animation ? 'zoom' : ''" mode="out-in">
<div v-if="list" class="_section members _gap">
<div class="_title">{{ i18n.ts.members }}</div>
<div class="_content">
@@ -31,7 +31,7 @@
</div>
</div>
</div>
</transition>
</Transition>
</div>
</MkSpacer>
</MkStickyContainer>

4
packages/frontend/src/pages/note.vue
View File

@@ -3,7 +3,7 @@
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :content-max="800">
<div class="fcuexfpr">
<transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
<Transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
<div v-if="note" class="note">
<div v-if="showNext" class="_gap">
<XNotes class="_content" :pagination="nextPagination" :no-gap="true"/>
@@ -34,7 +34,7 @@
</div>
<MkError v-else-if="error" @retry="fetch()"/>
<MkLoading v-else/>
</transition>
</Transition>
</div>
</MkSpacer>
</MkStickyContainer>

4
packages/frontend/src/pages/page.vue
View File

@@ -2,7 +2,7 @@
<MkStickyContainer>
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :content-max="700">
<transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
<Transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
<div v-if="page" :key="page.id" class="xcukqgmh">
<div class="_block main">
<!--
@@ -57,7 +57,7 @@
</div>
<MkError v-else-if="error" @retry="fetchPage()"/>
<MkLoading v-else/>
</transition>
</Transition>
</MkSpacer>
</MkStickyContainer>
</template>

4
packages/frontend/src/pages/user/followers.vue
View File

@@ -2,13 +2,13 @@
<MkStickyContainer>
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :content-max="1000">
<transition name="fade" mode="out-in">
<Transition name="fade" mode="out-in">
<div v-if="user">
<XFollowList :user="user" type="followers"/>
</div>
<MkError v-else-if="error" @retry="fetchUser()"/>
<MkLoading v-else/>
</transition>
</Transition>
</MkSpacer>
</MkStickyContainer>
</template>

4
packages/frontend/src/pages/user/following.vue
View File

@@ -2,13 +2,13 @@
<MkStickyContainer>
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :content-max="1000">
<transition name="fade" mode="out-in">
<Transition name="fade" mode="out-in">
<div v-if="user">
<XFollowList :user="user" type="following"/>
</div>
<MkError v-else-if="error" @retry="fetchUser()"/>
<MkLoading v-else/>
</transition>
</Transition>
</MkSpacer>
</MkStickyContainer>
</template>

4
packages/frontend/src/pages/user/index.vue
View File

@@ -2,7 +2,7 @@
<MkStickyContainer>
<template #header><MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template>
<div>
<transition name="fade" mode="out-in">
<Transition name="fade" mode="out-in">
<div v-if="user">
<XHome v-if="tab === 'home'" :user="user"/>
<XReactions v-else-if="tab === 'reactions'" :user="user"/>
@@ -12,7 +12,7 @@
</div>
<MkError v-else-if="error" @retry="fetchUser()"/>
<MkLoading v-else/>
</transition>
</Transition>
</div>
</MkStickyContainer>
</template>