diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-03-21 12:32:40 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-03-21 12:32:40 +0900 |
| commit | f1fc12d9cc779fe2a2ec9e072912bc197d5e23b1 (patch) | |
| tree | 48fbd64d6e143cf0d51f1f81aa3a1d3fbf87590b /src/client/pages | |
| parent | wip (diff) | |
| download | misskey-f1fc12d9cc779fe2a2ec9e072912bc197d5e23b1.tar.gz misskey-f1fc12d9cc779fe2a2ec9e072912bc197d5e23b1.tar.bz2 misskey-f1fc12d9cc779fe2a2ec9e072912bc197d5e23b1.zip | |
wip
Diffstat (limited to 'src/client/pages')
| -rw-r--r-- | src/client/pages/note.vue | 28 |
1 files changed, 12 insertions, 16 deletions
diff --git a/src/client/pages/note.vue b/src/client/pages/note.vue index ae7917c602..3f270b115a 100644 --- a/src/client/pages/note.vue +++ b/src/client/pages/note.vue @@ -8,22 +8,20 @@ /> </portal> - <transition :name="$store.state.device.animation ? 'zoom' : ''" mode="out-in"> - <div v-if="note"> - <mk-button v-if="hasNext && !showNext" @click="showNext = true" primary style="margin: 0 auto var(--margin) auto;"><fa :icon="faChevronUp"/></mk-button> - <x-notes v-if="showNext" ref="next" :pagination="next"/> - <hr v-if="showNext"/> + <div v-if="note"> + <button class="_panel _button" v-if="hasNext && !showNext" @click="showNext = true" style="margin: 0 auto var(--margin) auto;"><fa :icon="faChevronUp"/></button> + <x-notes v-if="showNext" ref="next" :pagination="next"/> + <hr v-if="showNext"/> - <x-note :note="note" :key="note.id" :detail="true"/> - <div v-if="error"> - <mk-error @retry="fetch()"/> - </div> - - <mk-button v-if="hasPrev && !showPrev" @click="showPrev = true" primary style="margin: var(--margin) auto 0 auto;"><fa :icon="faChevronDown"/></mk-button> - <hr v-if="showPrev"/> - <x-notes v-if="showPrev" ref="prev" :pagination="prev" style="margin-top: var(--margin);"/> + <x-note :note="note" :key="note.id" :detail="true"/> + <div v-if="error"> + <mk-error @retry="fetch()"/> </div> - </transition> + + <button class="_panel _button" v-if="hasPrev && !showPrev" @click="showPrev = true" style="margin: var(--margin) auto 0 auto;"><fa :icon="faChevronDown"/></button> + <hr v-if="showPrev"/> + <x-notes v-if="showPrev" ref="prev" :pagination="prev" style="margin-top: var(--margin);"/> + </div> </div> </template> @@ -34,7 +32,6 @@ import i18n from '../i18n'; import Progress from '../scripts/loading'; import XNote from '../components/note.vue'; import XNotes from '../components/notes.vue'; -import MkButton from '../components/ui/button.vue'; export default Vue.extend({ i18n, @@ -46,7 +43,6 @@ export default Vue.extend({ components: { XNote, XNotes, - MkButton, }, data() { return { |