🎨

src/client/components/global/header.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="fdidabkb" :class="{ slim: narrow, thin: thin_ }" :style="{ background: bg }" @click="onClick" ref="el">
 	<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>
 			<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 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">
 				<i v-if="tab.icon" class="icon" :class="tab.icon"></i>
 				<span v-if="!tab.iconOnly" class="title">{{ tab.title }}</span>
@@ -182,6 +182,7 @@ export default defineComponent({
 			showTabsPopup,
 			preventDrag,
 			onClick,
+			hideTitle: inject('shouldOmitHeaderTitle', false),
 			thin_: props.thin || inject('shouldHeaderThin', false)
 		};
 	},
@@ -210,12 +211,6 @@ export default defineComponent({
 		> .titleContainer {
 			margin: 0 auto;
 		}
-
-		> .buttons {
-			&.right {
-				margin-left: 0;
-			}
-		}
 	}
 
 	> .buttons {