This commit is contained in:
syuilo 2021-10-14 22:40:43 +09:00
parent 46e4b07a87
commit 8ee4b180f9
3 changed files with 6 additions and 10 deletions

View file

@ -1,7 +1,7 @@
<template> <template>
<div class="fdidabkb" :class="{ slim: narrow, thin: thin_ }" :style="{ background: bg }" @click="onClick" ref="el"> <div class="fdidabkb" :class="{ slim: narrow, thin: thin_ }" :style="{ background: bg }" @click="onClick" ref="el">
<template v-if="info"> <template v-if="info">
<div class="titleContainer" @click="showTabsPopup"> <div class="titleContainer" @click="showTabsPopup" v-if="!hideTitle">
<i v-if="info.icon" class="icon" :class="info.icon"></i> <i v-if="info.icon" class="icon" :class="info.icon"></i>
<MkAvatar v-else-if="info.avatar" class="avatar" :user="info.avatar" :disable-preview="true" :show-indicator="true"/> <MkAvatar v-else-if="info.avatar" class="avatar" :user="info.avatar" :disable-preview="true" :show-indicator="true"/>
@ -17,7 +17,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="tabs" v-if="!narrow"> <div class="tabs" v-if="!narrow || hideTitle">
<button class="tab _button" v-for="tab in info.tabs" :class="{ active: tab.active }" @click="tab.onClick" v-tooltip="tab.title"> <button class="tab _button" v-for="tab in info.tabs" :class="{ active: tab.active }" @click="tab.onClick" v-tooltip="tab.title">
<i v-if="tab.icon" class="icon" :class="tab.icon"></i> <i v-if="tab.icon" class="icon" :class="tab.icon"></i>
<span v-if="!tab.iconOnly" class="title">{{ tab.title }}</span> <span v-if="!tab.iconOnly" class="title">{{ tab.title }}</span>
@ -182,6 +182,7 @@ export default defineComponent({
showTabsPopup, showTabsPopup,
preventDrag, preventDrag,
onClick, onClick,
hideTitle: inject('shouldOmitHeaderTitle', false),
thin_: props.thin || inject('shouldHeaderThin', false) thin_: props.thin || inject('shouldHeaderThin', false)
}; };
}, },
@ -210,12 +211,6 @@ export default defineComponent({
> .titleContainer { > .titleContainer {
margin: 0 auto; margin: 0 auto;
} }
> .buttons {
&.right {
margin-left: 0;
}
}
} }
> .buttons { > .buttons {

View file

@ -38,7 +38,8 @@ import { deckStore } from './deck-store';
export default defineComponent({ export default defineComponent({
provide: { provide: {
shouldHeaderThin: true shouldHeaderThin: true,
shouldOmitHeaderTitle: true,
}, },
props: { props: {

View file

@ -2,7 +2,7 @@
"short_name": "Misskey", "short_name": "Misskey",
"name": "Misskey", "name": "Misskey",
"start_url": "/", "start_url": "/",
"display": "standalone", "display": "minimal-ui",
"background_color": "#313a42", "background_color": "#313a42",
"theme_color": "#86b300", "theme_color": "#86b300",
"icons": [ "icons": [