diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-02-14 22:26:07 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-14 22:26:07 +0900 |
| commit | 1eda7c85652c6e4295626ab94bc4084aaa141872 (patch) | |
| tree | ed69b506905d0a98db6b148563dffffb29dfa28a /src/client/ui/_common_ | |
| parent | ServiceWorker: onfetchで何もしないように (#7195) (diff) | |
| download | misskey-1eda7c85652c6e4295626ab94bc4084aaa141872.tar.gz misskey-1eda7c85652c6e4295626ab94bc4084aaa141872.tar.bz2 misskey-1eda7c85652c6e4295626ab94bc4084aaa141872.zip | |
Chat UI (#7197)
* wip
* wip
* wip
* wip
* refactor
* Update note.vue
* wip
Diffstat (limited to 'src/client/ui/_common_')
| -rw-r--r-- | src/client/ui/_common_/header.vue | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/src/client/ui/_common_/header.vue b/src/client/ui/_common_/header.vue index f662f6144d..f150653a84 100644 --- a/src/client/ui/_common_/header.vue +++ b/src/client/ui/_common_/header.vue @@ -1,5 +1,5 @@ <template> -<div class="fdidabkb" :style="`--height:${height};`"> +<div class="fdidabkb" :class="{ center }" :style="`--height:${height};`"> <transition :name="$store.state.animation ? 'header' : ''" mode="out-in" appear> <button class="_button back" v-if="withBack && canBack" @click.stop="back()"><Fa :icon="faChevronLeft"/></button> </transition> @@ -31,6 +31,11 @@ export default defineComponent({ required: false, default: true, }, + center: { + type: Boolean, + required: false, + default: true, + }, }, data() { @@ -67,7 +72,9 @@ export default defineComponent({ <style lang="scss" scoped> .fdidabkb { - text-align: center; + &.center { + text-align: center; + } > .back { height: var(--height); @@ -111,8 +118,13 @@ export default defineComponent({ right: 0; } + &.center { + > .titleContainer { + margin: 0 auto; + } + } + > .titleContainer { - margin: 0 auto; overflow: auto; white-space: nowrap; |