sim1222/test1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Chat UI (#7197)

Browse Source 
* wip

* wip

* wip

* wip

* refactor

* Update note.vue

* wip
This commit is contained in:
syuilo
2021-02-14 22:26:07 +09:00
committed by GitHub
parent 6ce2231e70
commit 1eda7c8565
22 changed files with 3452 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/client/ui/_common_/header.vue
View File

@ -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;