1
0
mirror of https://github.com/hotomoe/hotomoe synced 2024-11-25 07:36:24 +09:00
This commit is contained in:
syuilo 2018-02-25 03:17:13 +09:00
parent 5d05781609
commit 241aebc2f6
2 changed files with 6 additions and 2 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="mk-messaging" :data-compact="compact"> <div class="mk-messaging" :data-compact="compact">
<div class="search" v-if="!compact"> <div class="search" v-if="!compact" :style="{ top: headerTop + 'px' }">
<div class="form"> <div class="form">
<label for="search-input">%fa:search%</label> <label for="search-input">%fa:search%</label>
<input v-model="q" type="search" @input="search" @keydown="onSearchKeydown" placeholder="%i18n:common.tags.mk-messaging.search-user%"/> <input v-model="q" type="search" @input="search" @keydown="onSearchKeydown" placeholder="%i18n:common.tags.mk-messaging.search-user%"/>
@ -57,6 +57,10 @@ export default Vue.extend({
compact: { compact: {
type: Boolean, type: Boolean,
default: false default: false
},
headerTop: {
type: Number,
default: 0
} }
}, },
data() { data() {

View File

@ -1,7 +1,7 @@
<template> <template>
<mk-ui> <mk-ui>
<span slot="header">%fa:R comments%%i18n:mobile.tags.mk-messaging-page.message%</span> <span slot="header">%fa:R comments%%i18n:mobile.tags.mk-messaging-page.message%</span>
<mk-messaging @navigate="navigate"/> <mk-messaging @navigate="navigate" :header-top="48"/>
</mk-ui> </mk-ui>
</template> </template>