🎨
This commit is contained in:
parent
46e4b07a87
commit
8ee4b180f9
3 changed files with 6 additions and 10 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
|
@ -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": [
|
||||||
|
|
Loading…
Reference in a new issue