From fd54c299a5f70ce5c5e8c4e38ee058f59c2e885d Mon Sep 17 00:00:00 2001
From: mattyatea <mattyatea@pm.me>
Date: Sun, 4 Feb 2024 17:34:26 +0900
Subject: [PATCH] ui:fix

---
 packages/frontend/src/components/global/MkPageHeader.vue | 6 ++++--
 packages/frontend/src/pages/notifications.vue            | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/global/MkPageHeader.vue b/packages/frontend/src/components/global/MkPageHeader.vue
index 16e2eb877f..dd34b14f9f 100644
--- a/packages/frontend/src/components/global/MkPageHeader.vue
+++ b/packages/frontend/src/components/global/MkPageHeader.vue
@@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<div v-if="!thin_ && narrow && props.displayMyAvatar && $i" class="_button" :class="$style.buttonsLeft" @click="openAccountMenu">
 			<MkAvatar :class="$style.avatar" :user="$i"/>
 		</div>
-		<div v-else-if="!thin_ && narrow && !hideTitle" :class="$style.buttonsLeft"/>
+		<div v-else-if="!thin_ && narrow && !hideTitle"/>
 
 		<template v-if="metadata">
 			<div v-if="!hideTitle && !hide" :class="$style.titleContainer" @click="top">
@@ -170,7 +170,9 @@ onUnmounted(() => {
 	&.slim {
 		text-align: center;
 		gap: 0;
-
+        .buttonsRight {
+          margin-left: auto;
+        }
 		.tabs:first-child {
 			margin-left: 0;
 		}
diff --git a/packages/frontend/src/pages/notifications.vue b/packages/frontend/src/pages/notifications.vue
index cc32ef51d0..b879ea0e75 100644
--- a/packages/frontend/src/pages/notifications.vue
+++ b/packages/frontend/src/pages/notifications.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <MkStickyContainer>
-	<template #header><MkPageHeader v-model:tab="tab" :tabs="headerTabs" hide="true" :actions="headerActions"/></template>
+	<template #header><MkPageHeader v-model:tab="tab" :tabs="headerTabs" :hide="true" :actions="headerActions"/></template>
 	<MkSpacer :contentMax="800">
 		<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
 			<div v-if="tab === 'all'" key="all">
@@ -73,7 +73,7 @@ const headerActions = computed(() => [{
 	icon: 'ti ti-filter',
 	highlighted: includeTypes.value != null,
 	handler: setFilter,
-} ].filter(x => x !== undefined));
+}].filter(x => x !== undefined));
 misskeyApi('notifications/mark-all-as-read');
 const headerTabs = computed(() => [{
 	key: 'all',